js 周期性定时器

周期性定时器：设置一个时间间隔，时间一到，做指定的事情，然后重新计时

设置：var timer = setInterval(函数, 时间)
清除：clearInterval(timer)

<html> <head> <meta charset="utf-8" /> <title>周期性定时器</title> <style> div { margin: 100px auto; width: 300px; height: 200px; background: greenyellow; color: white; font-size: 50px; text-align: center; line-height: 200px; } </style> </head> <body> <div>0</div> </body> <script> var timer = null var oDiv = document.getElementsByTagName('div')[0] oDiv.onmouseover = function () { // 先保存起来，然后再使用 var _this = this // 创建定时器 timer = setInterval(function(){ // 定时器任务函数中的this没有意义 var num = parseInt(_this.innerText) num++ _this.innerText = num }, 1000) } oDiv.onmouseout = function () { // 清除定时器 clearInterval(timer) } </script> </html>

鼠标放上面数字自动增加，鼠标移开停止增加数字。

js 周期性定时器相关推荐

js中定时器与延时器的用法
js中定时器的主要语法有以下四个: 添加定时器: setTimeout("js语句",时间) setInterval("js语句",时间) 删除定时器(此处的t ...
JS中定时器和延时调用学习笔记
JS中定时器和延时调用在JS中希望一个函数重复的执行,可以为该函数设置一个定时装置方法: setInterval(); 该方法可以将一个函数,每隔一段时间被调用一次有两个参数第一个是回调函数, ...
android h5app息屏定时器,H5案例分享：JS设置定时器和清除定时器
JS设置定时器和清除定时器在做项目中难免会碰到需要实时刷新,动画依次出现等等需求,这时候就需要定时器登上我们的代码舞台了,所以今天我们就先来了解一下JS定时器的设置和清除吧. 一.启用定时器 win ...
js判断定时器是否启动_原生js如何做出轮播图的效果
<div class="box"><ul><li class="active"><img src="./im ...
js的定时器实现页面展示的异步刷新多线程同步实现方式附进度条js代码
先简单介绍下两个场景结果迅速能出来,采用多线程的同步方式如果逻辑处理比较快,3-5秒任务就会执行完毕,你也可以采用同步多线程同步的方式,代码如下: 数据校验使用到的线程实例: if(null!=c ...
JS 设置定时器和清除定时器
在做项目中难免会碰到需要实时刷新,动画依次出现等等需求,这时候就需要定时器登上我们的代码舞台了,所以今天我们就先来了解一下JS定时器的设置和清除吧. 一.启用定时器 window对象提供了两个方法来实 ...
JS的定时器的setTimeout和setInterval
setTimeout和setInterval都属于JS中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直循环 ...
JS设置定时器和清除定时器
最近在项目中频繁运用到js定时器,现在和大家分享一下方法.在前端开发的过程中,有些时候需要某段程序等待一段时间后再开始执行,在JavaScript中主要通过定时器实现这一类需求. JS的两种定时器 w ...
python周期函数_对python周期性定时器的示例详解
如何实现python的定时器用time.sleep方法.如果要非阻塞的就放在一个单独线程里. 如何调用定时器 python 1 if __name__ == "__main__": ...

js 周期性定时器

js 周期性定时器相关推荐

最新文章

热门文章