老张博客

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

发布时间:2018-06-12 09:53:07热度: 9871 ℃评论数:

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

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


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


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

});

页面,改变,事件,visibilitychange

手机扫码访问