一串有趣的代码

·
分享 代码 footer 添加 title document function 动态标题 November 24, 2018

哈哈,标题党咯,其实就是给网站 添加 动态标题

添加位置自己随意,我直接丢footer上了。

<script type="text/javascript">var OriginTitile = document.title;
      var titleTime;
      document.addEventListener('visibilitychange',
      function() {
        if (document.hidden) {
          document.title = '这有好东西哦~ ' ;
          clearTimeout(titleTime);
        } else {
          document.title = '恭喜你发现了~ ' ;
          titleTime = setTimeout(function() {
            document.title = OriginTitile;
          },
          2000);
        }
});</script>

以上代码虽然好,但使用过程中发现如果你转发的时,原标题会被占位无法显示原标题,所以重新修改以上代码如下

<script type="text/javascript">var OriginTitile = document.title;
      var titleTime;
      document.addEventListener('visibilitychange',
      function() {
        if (document.hidden) {
          document.title =  OriginTitile;
          clearTimeout(titleTime);
          titleTime = setTimeout(function() {
            document.title = '这有好东西哦~ ';
          },
          500); //隐藏原标题时间毫秒计算
        } else {
          document.title = '恭喜你发现了~' ;
          titleTime = setTimeout(function() {
            document.title = OriginTitile;
          },
          2000); //恢复原标题时间毫秒计算
        }
});</script>

实例视频

提示:视频(ogv格式)是否能正常播放取决于您使用的浏览器,与本站无关!

播放器载入中...

扩展阅读

什么是ogv? 百度百科 - 传送阵
Ogg 维基百科 - 传送阵


首次创建时间:2018-11-24 12:28:00
最后修改时间:2018-11-24 18:46:55

  • Manjaro 首次安装使用
  • 声海盗 简单最好!

_(:3 」∠)_
(抱歉)
自发布之日起超123天后自动关闭评论哦!


© 2019 CuiZhe's Blog. Using Typecho & Moricolor.

鲁ICP备16004095号-2