HTML5事件—visibilitychange 页面可见性改变事件

最近在移动端做倒计时，结果发现手机锁屏的时候倒计时会停止，找了很多办法如：worker线程。结果还是不行

最后只能用visibilitychange，来判断页面展示时，重新加载页面，用法如下

通过document的hidden属性可以判断标签是否可见。true时代表标签不可见。
这个事件适合在标签不可见的时候减少网络请求、服务器压力等，也可以做一些好玩的事情，比如改变网页标题的文字。

document.addEventListener("visibilitychange", function(){   
 document.title = document.hidden ? "用户离开了" : "用户回来了";
});

未经允许不得转载：任鹏个人博客 » HTML5事件—visibilitychange 页面可见性改变事件