问题:最近在做一个后台控制的转盘游戏,如果手机切出当前app应用,那么js将会中止执行,再次切入app时,将会出现不同步的状态

解决方案:HTML5为document对象新增了visibilityState属性,可以判定当前应用是否处于正在观看状态。

实现代码:

document.addEventListener('webkitvisibilitychange',function(){//监听页面是否发生观看状态的改变
  console.log('进入变化函数1');
  if(document.visibilityState=='visible'){
  console.log('进入页面刷新页面');
  location.reload();
  }
})

提示:对于低版本浏览器要进行兼容性处理。

posted on 2017-08-22 21:22  handsome-wj  阅读(829)  评论(0)    收藏  举报