原理

使用了HTML5Page Visibility API

目前页面可见性API有两个属性,一个事件,如下:

  • document.hidden: Boolean值,表示当前页面可见还是不可见
  • document.visibilityState: 返回当前页面的可见状态,取值有 hidden visible prerender preview

visibilitychange: 当可见状态改变时候触发的事件

代码示例

var OriginTitile = document.title;
var titleTime;
document.addEventListener('visibilitychange', function() {
    if (document.hidden) {
        document.title = '页面崩溃502 - ' + OriginTitile;
        clearTimeout(titleTime);
    }
    else {
        document.title = '重新链接 - ' + OriginTitile;
        titleTime = setTimeout(function() {
            document.title = OriginTitile;
        }, 500);
    }
});

Thanks♪(・ω・)ノ 感谢你长得那么好看还来看我的博客!see you around ~

00:00/00:00

分类: 代码|查看小知识

eson

🌀偶遇故人点头微笑^_^心像透明水滴☝没有喜悲…🍻

发表评论

电子邮件地址不会被公开。