一串有趣的代码

·
分享 代码 footer 添加 document function 动态标题 November 24, 2018
!本文可能 超过2年没有更新,今后内容也许不会被维护或者支持,部分内容可能具有时效性,涉及技术细节或者软件使用方面,本文不保证相应的技术更新和实践可操作性。

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

添加位置自己随意,我直接丢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
最后修改时间:2020-08-20 06:57:20

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

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


© 2025 Mr.Cui's Blog. Using Typecho & Moricolor.

鲁ICP备16004095号-2
鲁公网安备37028502250699号
HTTP/3 IPv6