2、setInterval() 方法会不停地调用函数，直到 clearInterval(params) 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
let id = setInterval(
function(){
console.log('执行定时任务，id =',id)
}
,1000)
1、params必选参数
2、clearInterval 将清除返回为params参数的定时任务
let id = setInterval(
function(){
console.log('执行定时任务，id =',id)
}
,1000)
setTimeout(
() =>{
clearInterval(id)
console.log('5秒后将清除定时任务，id=',id)
},5000
)
1、web端，列表需要定时更新时
let id = setInterval(
function(){
...
获取列表的请求
...
}
,1000)
2、web端，列表需要定时更新，在某一特定情况下需清除定时任务
let id = setInterval(
function(){
...
if（特定情况）{
clearInterval(id)
}else{
...
发送请求
...
}
...
}
,1000)
3、如果需要反复触发，可设置一个全局变量接收返回id值，触发时先清除id,再跑任务
let copyID = 0// 全局变量
function reload(){
clearInterval(copyID)
let id = setInterval(
function(){
...
if（特定情况）{
clearInterval(id)
}else{
...
发送请求
...
}
...
}
,1000)
copyID = id
}
在项目开发中经常会用到计时器，比如抽奖活动的倒计时，或者轮循去请求接口等，通常我们都是用 setInterval 这个方法去实现计时，但是这样有一个缺点，虽然能设置隔一段时间后不断执行，但是实际上只是将事件放消息队列，真正执行的时间并不确定，有可能上一个计时器任务没执行完又进来一个计时器任务，所以并不能保证能按照设定的时间去执行，如果用 setTimeout 来模拟的话可以这样
通过上面的方式可以在隔一秒就输出一个 time count ，通过一个立即执行方法不断调用自身来实现 setInterval 的效果，可以保证每次执行的间隔时间都是一致的。
这种方法只是相对简单的，我们在项目开发过程中可能有不止一个计时器，我们希望对所有的计时器统一进行处理，这时我们可以封装一个类来管理这些计时器，它包含以下几个内容
具体实现如下：
这里特别说明下每个计时器的方法都是在计时器的 t 属性上定义的， 方便 clearTimer 方法中去清除掉该计时器，这是为了处理在特定场景下产生的错误，比如我们在执行一个计时器时会先判断该计时器是否存在，如果存在就删除该计时器，这里我们通过 name 值去判断，如果只是单纯把计时器从数组中移除的话，可能在删除的时候它已经进入 setTimeout 了，这时再开启一个同名的计时器的话，就会造成两个相同的计时器同时执行，所以才需要这么处理。
通过以上的方式封装计时器，我们就可以在任何页面进行引用了
如果想要每个计时器的命名都是唯一的话，还可以使用 Symbol 去定义计时器的名称，比如可以新建一个专门存放计时器名称的文件
然后通过以下方式引用
这样就能保证所有的计时器都是唯一的，不用担心会有同名的计时器存在造成错误。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）