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 教程