Vue清除所有JS定時器

2021-09-25 23:50:24 字數 668 閱讀 7248

vue清除所有js定時器

在webpack + vue 的專案中如何在頁面跳轉的時候清除所有的定時器

js定時器會有乙個返回值(數字),通過這個返回值我們可以找到這個定時器

在vue專案中可以使用路由守衛的 beforeeach方法,來進行清除功能

首先,宣告乙個全域性變數陣列,把所有的定時器的返回值放到陣列中,

(因為定時器返回的值會隨著呼叫次數的增加而增加,所以無法確定的去判斷返回值具體是多少,只有接收這個返回值,然後進行操作。)

//宣告陣列,接收定時器的返回值

var timercount = ;

//設定定時器

//需要判斷當前頁面是否存在定時器,沒有才繼續新增定時器,這樣才能完全清除

if(this.timercount.length == 0),1000)

}

//使用clearinterval(0)可以清除指定的定時器,

並且將陣列timercount = ;//置空

clearinterval(timercount[0])

this.timercount = ;

//這裡每次都把陣列清除了,當然,不清楚也沒有什麼影響

這樣,頁面所有的定時器,就全部清除了

vue 如何清除定時器

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

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

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

Vue清除定時器setInterval優化方案

請您移步我的新個人部落格 謝謝!首先我在data函式裡面進行定義定時器名稱 data 然後這樣使用定時器 this.timer 1000 最後在beforedestroy 生命週期內清除定時器 beforedestroy 方案1有兩點不好的地方,引用尤大的話來說就是 該方法是通過 once這個事件偵...