美文网首页uin-app
uni-app 中清除定时器

uni-app 中清除定时器

作者: 瑟闻风倾 | 来源:发表于2020-06-08 16:05 被阅读0次

1. JS之延时器和定时器

2. uni-app 中清除定时器

注意:无论是获取短信码,还是在活动页轮询获取当前活动最新信息,都需要用到定时器。但是,定时器如果不及时合理地清除,会造成业务逻辑混乱甚至应用卡死的情况。uni-app 中在某个页面中启动定时器后,一定要在页面关闭时将定时器清除掉。即在页面卸载(关闭)的生命周期函数里,清除定时器。

参考uni-app 中清除定时器,方法如下:若没有加判断条件和将timer = null,会导致页面卸载的时候无法清空定时器。

onUnload:function(){  
    if(this.timer) {  //在页面卸载时清除定时器有时会清除不了,可在页面跳转时清除
        clearInterval(this.timer);  
        this.timer = null;  
    }  
}

优化:清除时机(在页面卸载时清除定时器有时会清除不了,可在页面跳转时清除)

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 中清除定时器

    1. JS之延时器和定时器 2. uni-app 中清除定时器 注意:无论是获取短信码,还是在活动页轮询获取当前活...

  • 定时器

    定时器概念 1.setTimeout 概念 语法 清除定时器 2.setInterval 概念 语法 清除定时器 ...

  • Vue中在组件销毁时清除定时器(setInterval)

    在mounted中创建并执行定时器,然后在beforeDestroy或者destroyed中清除定时器 这样在组件...

  • 2018-01-18

    vue 中无法清除定时器(延时器) vue中 使用定时器 ,setInterval(). 正常使用, 但是当想...

  • Vue中在组件销毁时清除定时器

    在mounted中创建并执行定时器,然后在beforeDestroy或者destroyed中清除定时器 如果用到了...

  • 定时刷新setInterval

    VUE中 在方法中或钩子函数中使用 清除定时器

  • 定时器

    1.倒计定时器(setTimeout) clearTimeout清除定时器2.循环定时器(setInterval)...

  • 微信小程序:安全使用定时器

    1. data {} 中定义定时器 timer 2. 业务逻辑中设置定时器处理内容,正常业务也有相应的清除计时器逻...

  • BOM 定时器

    一、定时器setTimeout、清除定时器clearTimeout 1、window.setTimeout(调用函...

  • react-native-refresh-list-view 基

    render部分 onRefresh部分 setTimeout定时器使用 注意及时清除定时器clearTimeou...

网友评论

    本文标题:uni-app 中清除定时器

    本文链接:https://www.haomeiwen.com/subject/tkurtktx.html