javascript怎么清除所有的定时器setInterval

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript怎么清除所有的定时器setInterval相关的知识,希望对你有一定的参考价值。

//创建一个定时器
var timer = setInterval(function()
  //dosomething...
  if(这里写条件)//满足某个条件时 清除定时器
    clearInterval(timer);
  
,1000)

参考技术A clearInterval() 参考技术B 1.定义全局变量,通过js遍历清除
这种方法在项目中所使用到的定时器必须赋值记录到定义好的全局变量中,实现模拟代码如下:
var pageTimer = ; //定义计算器全局变量
//赋值模拟
pageTimer["timer1"] = setInterval(function(),2000);
pageTimer["timer2"] = setInterval(function(),2000);
//全部清除方法
for(var each in pageTimer)
clearInterval(pageTimer[each]);


回目录
2.暴力清除方式
设置一个比较大的数值,循环清除,模拟代码如下:
for(var i = 1; i < 1000; i++)
clearInterval(i);


分析:实际上暴力清除的方式是不可取的,在不得已情况下才使用,在IE下,定时器返回值在IE下面是8位数字如:248147094,并且起始值不能确定,而Chrome和firefox下是从1开始的个位数字,一般项目还是建议第一种,并且第一种的扩展性也好,比如可以做个方法,清除除了指定定时器之外的所有定时器。

以上是关于javascript怎么清除所有的定时器setInterval的主要内容,如果未能解决你的问题,请参考以下文章

定时器复习

VUE定时任务 及 清除定时任务

Node.js全局对象global

学习javaScript必知必会~BOM模型定时器原理清除定时器

Vue清除所有JS定时器

JavaScript定时器