js清除所有定时器（包括未知定时器）

2021-01-29 17:35:07 阅读：312 来源： 互联网

标签：定时器 setInterval 清除 clearInterval timer js let 未知

我们有时会有清除页面中所有定时器的需求

如果我们在创建定时器（setInterval）的时候用一个变量保存了它，那么清除这个定时器很简单，直接清除（clearIntetval）就好了

例如：

let timer = setInterval(function () {
    console.log('timer');
}, 1000);

clearInterval(timer);

但有时创建的定时器并没有用变量保存，这是我们就无法直接清除它了

例如：

let timer = setInterval(function () {
    console.log('timer');
}, 1000);
setInterval(function () {
    console.log('timer');
}, 1000);
clearInterval(timer);
clearInterval(/* ??? */); // 操蛋

第一个定时器我们有用一个变量timer来保存，所以可以直接把timer给clearInterval传进去就清除掉了

但是第二个定时器我们没有保存它，clearInterval的时候不知道要传什么

那么怎么解决这个问题呢？

我们首先来找一下规律：

显然易得：

setInterval的返回值是一个代表定时器的数值型，而且这个数值还是按照定时器的先后顺序从1开始递增的

那么我们清除页面中所有定时器的需求就不难实现了

那么比如现在有这么多个定时器：

let t = setInterval(function () { }, 1000);
let r = Math.random() * 100;
for (let i = 0; i < r; i++) {
    setInterval(function () { }, 1000);
}

　　要全部清除的话就要用一个循环把1到最后一个创建的定时器所对应的数依次的用clearInterval给清除掉。但是现在有一堆的定时器，我们并不知道现在具体有多少定时器，所以也不知道最后一个创建的定时器所对应的数是多少。那么首先我们可以暴力一点

我们直接找一个很大的数比如100000，一般一个页面里应该不会有100000多个定时器，一般定时器都在1，100000这个范围里，所以这个方法肯定能实现我们的需求的。

不过还是不太好，毕竟有点太暴力了。那么我们就需要求出当前最后一个创建的定时器所对应的数n是多少，我们知道定时器对应的数是从1开始依次递增的，那么我们只要再创建一个定时器并且用一个变量end储存起来，这个数end就是n+1，这样我们就求出n了，然后就可以从1循环到n了，o，记得还有把刚刚创建的第n+1个定时器给清除掉，所以循环是从1到end。

那么代码如下：

let end = setInterval(function () { }, 10000);
for (let i = 1; i <= end; i++) {
    clearInterval(i);
}

这样我们就完美的实现了清除页面中所有定时器的需求

标签：定时器,setInterval,清除,clearInterval,timer,js,let,未知
来源： https://www.cnblogs.com/yqyf/p/14346129.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

js清除所有定时器（包括未知定时器）