问题:最近在做一个后台控制的转盘游戏,如果手机切出当前app应用,那么js将会中止执行,再次切入app时,将会出现不同步的状态
解决方案:HTML5为document对象新增了visibilityState属性,可以判定当前应用是否处于正在观看状态。
实现代码:
document.addEventListener(‘webkitvisibilitychange‘,function(){//监听页面是否发生观看状态的改变
console.log(‘进入变化函数1‘);
if(document.visibilityState==‘visible‘){
console.log(‘进入页面刷新页面‘);
location.reload();
}
})
提示:对于低版本浏览器要进行兼容性处理。
时间: 2024-10-06 21:24:10