目錄uni-app 中清除定時器參考方法定時器的方法清除定時器方法uni-app 中清除定時器

JS之延時器和定時器

注意：

無論是獲取短信碼，還是在活動頁輪詢獲取當前活動最新信息，都需要用到定時器。但是，定時器如果不及時合理地清除，會造成業(yè)務(wù)邏輯混亂甚至應(yīng)用卡死的情況。

uni-app 中在某個頁面中啟動定時器后，一定要在頁面關(guān)閉時將定時器清除掉。即在頁面卸載（關(guān)閉）的生命周期函數(shù)里，清除定時器。

參考方法定時器的方法

定時器一般有兩個

1)setTimeout();//n毫秒后執(zhí)行一次

2)setInterval();//每隔n秒執(zhí)行一次

這兩個方法都有個返回值,返回一個定時器id,可以定義一個變量接收

清除定時器方法

setTimeout()對應(yīng)的是 clearTimeout(id);

setInterval()對應(yīng)的是 clearInterval(id);

例如：

var time = setInterval('lunRight()',3000);//自動輪播 box.onmouseover=function(){ clearInterval(time);}//鼠標移入輪播圖時取消自動輪播 var i = setTimeout(function(){ },1000); //setTimeout 1000ms后執(zhí)行1次 clearTimeout(i); //清除Timeout的定時器,傳入id(創(chuàng)建定時器時會返回一個id)

若沒有加判斷條件和將timer = null，會導致頁面卸載的時候無法清空定時器。

onUnload:function(){ if(this.timer) { //在頁面卸載時清除定時器有時會清除不了，可在頁面跳轉(zhuǎn)時清除clearInterval(this.timer); this.timer = null; } }

優(yōu)化：清除時機（在頁面卸載時清除定時器有時會清除不了，可在頁面跳轉(zhuǎn)時清除）

clearMyTimer:function(){ if(timer) {console.log('check-清除定時器'); clearInterval(timer); timer = null; }},logout:function(){ _self.sendRequest({url : 'user/logout',data : { mobile : _self.userPhone},success:function(res){ _self.clearSession();//清空token _self.clearMyTimer();//清除定時器 uni.reLaunch({url: '/pages/login2/login2' })},fail:function(e){},complete:function(){} })},

以上就是uni-app 中清除定時器的詳細內(nèi)容，更多關(guān)于uni-app 清除定時器的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章！