清除多個定時器

2022-02-09 06:43:49 字數 712 閱讀 1865

文章目錄

1.定義全域性變數,通過js遍歷清除

2.暴力清除方式

js清除未知定時器的方法

在需要有實時性更新資料的專案中,我們經常會用到很多定時器,我們可能需要乙個可以一次性清除所有定時器的方法,並且不通過指定id乙個乙個去清除,以下提供兩種解決方案:

回目錄1.定義全域性變數,通過js遍歷清除

這種方法在專案中所使用到的定時器必須賦值記錄到定義好的全域性變數中,實現模擬**如下:

var pagetimer = {} ; //定義計算器全域性變數

//賦值模擬

pagetimer["timer1"] = setinterval(function(){},2000);

pagetimer["timer2"] = setinterval(function(){},2000);

//全部清除方法

for(var each in pagetimer)

回目錄2.暴力清除方式

設定乙個比較大的數值,迴圈清除,模擬**如下:

for(var i = 1; i < 1000; i++)

分析:實際上暴力清除的方式是不可取的,在不得已情況下才使用,在ie下,定時器返回值在ie下面是8位數字如:248147094,並且起始值不能確定,而chrome和firefox下是從1開始的個位數字,一般專案還是建議第一種,並且第一種的擴充套件性也好,比如可以做個方法,清除除了指定定時器之外的所有定時器。

定時器及其清除

倒計時定時器 迴圈定時器 及定時器的清除 1 body 2 div 3 input type button onclick yi value 啟動倒計時定時器 4 input type button onclick er value 啟動迴圈定時器 5 input type button oncli...

JS設定定時器和清除定時器

在做專案中難免會碰到需要實時重新整理,動畫依次出現等等需求,這時候就需要定時器登上我們的 舞台了,所以今天我們就先來了解一下js定時器的設定和清除吧。window物件提供了兩個方法來實現定時器的效果,分別是window.settimeout 和window.setinterval。其中前者可以使一段...

vue 如何清除定時器

更新於2020.09.21 start 以下清除定時器的舊方法 1 在data函式裡面進行定義定時器名稱 2 在beforedestroy 生命週期內清除定時器 這種做法的缺點是 1 vue例項中需要有這個定時器的例項,感覺有點多餘 2 建立的定時器 和銷毀定時器的 沒有放在一起,通常很容易忘記去清...