浏览器标签显示状态更改

浏览器标签显示状态更改

使用了HTML5的Page 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 = '(つェ⊂)隐藏~ ' + OriginTitile;
    clearTimeout(titleTime);
}else{
    document.title = '(*´∇`*)显示~ ' + OriginTitile;
    titleTime = setTimeout(function() { 
    document.title = OriginTitile; }, 2000); 
}
});

发表评论

发表评论

*

沙发空缺中,还不快抢~