简单记录一下，visibilityChange 属性应用

场合
配合定时器，或者改变页面标题使用

属性

1、document.hidden Boolen 返回值，true 和 false
2、document.visibilityState 参数
visible： 页面内容至少是部分可见。 在实际中，这意味着页面是非最小化窗口的前景选项卡
hidden： 页面内容对用户不可见。 在实际中，这意味着文档可以是一个后台标签，或是最小化窗口的一部分，或是在操作系统锁屏激活的状态下
prerender： 页面内容正在被预渲染且对用户是不可见的(被document.hidden当做隐藏). 文档可能初始状态为prerender，但绝不会从其它值转为该值。 注释：浏览器支持是可选的
unloaded： 页面正在从内存中卸载。 注释：浏览器支持是可选的

示例

切换浏览器窗口，改变页面标题

var time;
var normar_title = '测试标题';
document.addEventListener('visibilitychange', function () {
    if (document.visibilityState == 'hidden') {
         clearTimeout(time); 
         document.title = '客官请留步ε=ε=ε=┏(゜ロ゜;)┛';
    } else {
        document.title = '你终于回来了(。・∀・)ノ';
        time=setTimeout(function(){ document.title = normar_title; }, 3000);
    }
});