js清除未知定時器的方法

2021-08-21 19:56:59 字數 623 閱讀 9656

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

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

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

//賦值模擬

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

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

//全部清除方法

for(var each in pagetimer)

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

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

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

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

Vue清除所有JS定時器

vue清除所有js定時器 在webpack vue 的專案中如何在頁面跳轉的時候清除所有的定時器 js定時器會有乙個返回值 數字 通過這個返回值我們可以找到這個定時器 在vue專案中可以使用路由守衛的 beforeeach方法,來進行清除功能 首先,宣告乙個全域性變數陣列,把所有的定時器的返回值放到...

js 定時器的用法和清除

一 設定定時器 window物件提供了兩個方法來實現定時器的效果,分別是window.settimeout 和window.setinterval。其中前者可以使一段 在指定時間後執行 而後者則可以使一段 每過指定時間就執行一次。它們的原型如下 window.settimeout code,mill...