当前位置 : 主页 > 网络编程 > JavaScript >

uni-app 中清除定时器实现方法详解

来源:互联网 收集:自由互联 发布时间:2023-12-05
目录 uni-app 中清除定时器 参考方法 定时器的方法 清除定时器方法 uni-app 中清除定时器 JS之延时器和定时器 注意 : 无论是获取短信码,还是在活动页轮询获取当前活动最新信息,都需
目录
  • uni-app 中清除定时器
  • 参考方法
    • 定时器的方法
    • 清除定时器方法

uni-app 中清除定时器

JS之延时器和定时器

注意

无论是获取短信码,还是在活动页轮询获取当前活动最新信息,都需要用到定时器。但是,定时器如果不及时合理地清除,会造成业务逻辑混乱甚至应用卡死的情况。

uni-app 中在某个页面中启动定时器后,一定要在页面关闭时将定时器清除掉。即在页面卸载(关闭)的生命周期函数里,清除定时器。

参考方法

定时器的方法

定时器一般有两个

1)setTimeout();//n毫秒后执行一次

2)setInterval();//每隔n秒执行一次

这两个方法都有个返回值,返回一个定时器id,可以定义一个变量接收

清除定时器方法

setTimeout()对应的是 clearTimeout(id);

setInterval()对应的是 clearInterval(id);

例如:

  var time = setInterval("lunRight()",3000);//自动轮播
  box.onmouseover=function(){
    clearInterval(time);
}//鼠标移入轮播图时取消自动轮播
   var i = setTimeout(function(){
   },1000); //setTimeout 1000ms后执行1次
    clearTimeout(i); //清除Timeout的定时器,传入id(创建定时器时会返回一个id)

若没有加判断条件和将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 中清除定时器的详细内容,更多关于uni-app 清除定时器的资料请关注自由互联其它相关文章!

上一篇:在vue3项目中实现国际化的代码示例
下一篇:没有了
网友评论