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