简单记录一下，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);
}
});
