背景:强制阅读协议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;
}