js监测页面是否切换到后台


最近做个弹幕,用的是第三方的插件,在浏览器页面切换到后台,返回后发现数据有堆叠卡死的情况,如何解决这个问题?网上参考了些demo,大致可以实现

1.document.hidden( Boolean值, 表示当前页面可见还是不可见)

2.document.visibilityState( 返回当前页面的可见状态。 分为 "hidden" 跟 "visible")

下面是代码部分:
document.addEventListener("visibilitychange", function () {

if (document.visibilityState == "visible") {
      document.title='页面可见';
     //do something
     //继续播放弹幕
}
if (document.visibilityState == "hidden") {

    document.title='页面不可见';
   //do something else
   //暂停播放弹幕
   }
})

参考:Page Visibility API 教程


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM