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

作者: AileenMoffatt02 分类: 服务器,移动端 发布时间: 2019-01-19 10:02

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

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


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

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

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!