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

我們有時會有清除頁面中所有定時器的需求

如果我們在創建定時器（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);
}

　　

這樣我們就完美的實現了清除頁面中所有定時器的需求