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

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

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

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

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

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

    赞 (0) 打赏

    评论 0

    取消
    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址

    觉得文章有用就打赏一下文章作者

    支付宝扫一扫打赏

    微信扫一扫打赏