你又回來啦、你別走吖等網頁動態標題代碼

我們在逛別人網站的時候，經常看到，有些網站當我們離開該頁面瀏覽其他頁面的時候，離開的頁面標題上會顯示比如：“你別走吖 Σ(っ °Д °;)っ”這樣的字樣，當我們點回來的時候頁面上面的標題又變成了“你又回來啦！”，然后才加載網站真正的標題。

那么這種動態標題如何設置呢？

在首頁文件中“/head”標簽之前添加下面的代碼即可：

<script type="text/javascript">
      /*  動態標題*/
     var OriginTitile = document.title,
      titleTime;
     document.addEventListener("visibilitychange",
     function() {
      if (document.hidden) {
        document.title = "你別走吖 Σ(っ °Д °;)っ";
        clearTimeout(titleTime)
    } else {
        document.title = "(/≧▽≦/)你又回來啦！" ;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
    });
    </script>