你又回来啦、你别走吖等网页动态标题代码

Fail

我们在逛别人网站的时候，经常看到，有些网站当我们离开该页面浏览其他页面的时候，离开的页面标题上会显示比如：“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面的标题又变成了“你又回来啦！”，然后才加载网站真正的标题。

那么这种动态标题如何设置呢？

在首页文件中“/head”标签之前添加下面的代码即可：

1. <script type="text/javascript">
   
2.       /*  动态标题*/
   
3.      var OriginTitile = document.title,
   
4.       titleTime;
   
5.      document.addEventListener("visibilitychange",
   
6.      function() {
   
7.       if (document.hidden) {
   
8.         document.title = "你别走吖 Σ(っ °Д °;)っ";
   
9.         clearTimeout(titleTime)
   
10.     } else {
    
11.         document.title = "(/≧▽≦/)你又回来啦！" ;
    
12.         titleTime = setTimeout(function() {
    
13.             document.title = OriginTitile
    
14.         },
    
15.         2000)
    
16.     }
    
17.     });
    
18.     </script>

复制代码