清空倒计时

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

}

你可能感兴趣的:(前端,html)