Sonic 853で見た驚くべき光景、一艘のボート、さっそく水をかけて投稿します
原作者：成天不高兴的栗山未来
** 何のこと：** ページの離脱と入場時にタイトルを変更する
原理：
HTML5 の Page Visibility API を使用しています
現在、ページの可視性 API には 2 つのプロパティと 1 つのイベントがあります：
document.hidden：現在のページが可視か非可視かを示すブール値
document.visibilityState：現在のページの可視状態を返す。値は hidden、visible、prerender、preview のいずれかです
visibilitychange：可視状態が変化したときに発生するイベント
以前は、iframe + onblur/onfocus イベントを使用してページの可視性を検出することしか知りませんでしたが、この API があると本当に便利でエレガントになりましたね
コード：
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);
}
});