清空倒计时

背景:强制阅读协议10秒 h5页面 打开协议书页面没有返回键 只能物理返回键返回

使用了倒计时方法 :创建了一个变量为FALSE 一进页面执行倒计时 倒计时归零变量为TRUE

变量本地存储了(sessionStorage)退出协议可以通过获取本地存储的变量值判断是否阅读10秒

遇到的问题:没阅读满10秒就退出协议后发现倒计时还在走 退出协议后到的那个页面是获取不到倒计时方法的  所以即使没阅读满10秒退出后倒计时还在走 变量总会变成TRUE

解决办法:使用beforeDestory方法,退出页面清空倒计时

重要代码

data(){

        timer:null,

        time:10

},

methods:{

        getCode(){

                this.timer = setInterval(() =>{

                        this.time--;

                        if(this.time === 0){

                                clearInterval(this.timer);

                        }

                })

        }

},

beforeDestory(){

        clearInterval(this.timer);

        this.timer = null;

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值