uni-app?中清除定時器實現(xiàn)方法詳解

更新時間：2023年07月10日 11:21:23 作者：瑟聞風(fēng)傾

這篇文章主要為大家介紹了uni-app?中清除定時器實現(xiàn)方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

uni-app 中清除定時器

JS之延時器和定時器

注意：

無論是獲取短信碼，還是在活動頁輪詢獲取當(dāng)前活動最新信息，都需要用到定時器。但是，定時器如果不及時合理地清除，會造成業(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);
}//鼠標(biāo)移入輪播圖時取消自動輪播
   var i = setTimeout(function(){
   },1000); //setTimeout 1000ms后執(zhí)行1次
    clearTimeout(i); //清除Timeout的定時器,傳入id(創(chuàng)建定時器時會返回一個id)

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

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

優(yōu)化：清除時機(jī)（在頁面卸載時清除定時器有時會清除不了，可在頁面跳轉(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 中清除定時器的詳細(xì)內(nèi)容，更多關(guān)于uni-app 清除定時器的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: