離開和進入Html 頁面時改變 Title

原理

　　使用了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 = '頁面崩潰502 - ' + OriginTitile;
        clearTimeout(titleTime);
    }
    else {
        document.title = '重新鏈接 - ' + OriginTitile;
        titleTime = setTimeout(function() {
            document.title = OriginTitile;
        }, 500);
    }
});