【技术分享】网站好玩动态标题设置

食用方法：在网站模板的：head 头部添加以下代码。

本文提供的这个切换浏览器窗口，会自动改变网页标题。但是切回来的时候会再提醒一下然后再显示真正的标题。

<script type="text/javascript">
  /*  动态网页标题*/
 var OriginTitile = document.title,
  titleTime;
 document.addEventListener("visibilitychange",
 function() {
  if (document.hidden) {
    $('[rel="shortcut icon"]').attr("href", "https://alxtuchang-1300698510.cos.ap-nanjing.myqcloud.com/202304071680851131096.png");
    document.title = "你别走吖 Σ(っ °Д °;)っ";
    clearTimeout(titleTime)
} else {
    $('[rel="shortcut icon"]').attr("href", "https://alxtuchang-1300698510.cos.ap-nanjing.myqcloud.com/202304071680851131096.png");
    document.title = "你终于回来了 (｡•ˇ‸ˇ•｡)" + OriginTitile;
    titleTime = setTimeout(function() {
        document.title = OriginTitile
    },
    2000)
}
});
</script>