通过监听visibilitychange来判断页面是否可见,可见时重新获取数据
● 当document.visibilityState === 'hidden’的时候,清除定时器
● 当document.visibilityState === ‘visible’ 的时候,重新获取数据
mounted() {
//倒计时 定时器
this.timeDown();
document.addEventListener("visibilitychange", ()=>{
if(document.visibilityState === 'hidden'){
// 页面进入屏幕息屏状态,停止定时器并记录剩余时间
if(this.inter) clearInterval(this.inter);
this.inter = null;
}else if (document.visibilityState === 'visible' && this.inter === null) {
// 页面恢复,重新启动定时器
this.timeDown();
}
});
},