判断浏览器标签页被隐藏或显示，显示不同的浏览器标题

无意间看到有的朋友的博客标题上有一个这样的效果：

如果在当前页面会显示“欢迎回来”, 如果在其它页面上标题上又会显示“去哪里了”? 觉得挺好玩的就去找了一下是什么原理，测试一下，发现主流的火狐和chrome是支持的，ie 要 >=10 以上支持

先贴上代码

document.addEventListener("visibilitychange", function () {
        if (document.hidden) {
            document.title="去哪里了";
        } else  {
            document.title="欢迎回来";
            setTimeout(function(){
                document.title= "这个是一个页面";
            }, 2000);
        }
    }, false);

浏览器标签页被隐藏或显示的时候会触发visibilitychange事件, 这里有一个document.visibilityState 值为hidden | visible