姚兵博客

关注(zmtihome.com)姚兵博客

如何在网站底部增加动态的运行天数代码

1052°c | 2年前 ( 2018-04-22 ) | 跟帖 2
如何在网站底部增加动态的运行天数代码摘要:

昨天我想在网站底部加一个运行天数的功能,由于我是不懂代码的小白,增加动态运行天数代码时遇到的问题,后来在百度找到了以下代码才可以正常显示,现在分享给大家,CSS<scri...

★( ⊙ △ ⊙)★ 这篇文章最后更新于2年前 ( 2018-04-22 ),您需要注意相关的内容是否还可用。
总字数:2698

昨天我想在网站底部加一个运行天数的功能,由于我是不懂代码的小白,增加动态运行天数代码时遇到的问题,后来在百度找到了以下代码才可以正常显示,现在分享给大家,

CSS
<script>
   function secondToDate(second) {
       if (!second) {
           return 0;
       }
       var time = new Array(0, 0, 0, 0, 0);
       if (second >= 365 * 24 * 3600) {
           time[0] = parseInt(second / (365 * 24 * 3600));
           second %= 365 * 24 * 3600;
       }
       if (second >= 24 * 3600) {
           time[1] = parseInt(second / (24 * 3600));
           second %= 24 * 3600;
       }
       if (second >= 3600) {
           time[2] = parseInt(second / 3600);
           second %= 3600;
       }
       if (second >= 60) {
           time[3] = parseInt(second / 60);
           second %= 60;
       }
       if (second > 0) {
           time[4] = second;
       }
       return time;
   }
</script>
<script type="text/javascript" language="javascript">
   function setTime() {
       // 博客创建时间秒数,时间格式中,月比较特殊,是从0开始的,所以想要显示5月,得写4才行,如下
       var create_time = Math.round(new Date(Date.UTC(2017, 11, 25, 0, 0, 0))
               .getTime() / 1000);
       // 当前时间秒数,增加时区的差异
       var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
       currentTime = secondToDate((timestamp - create_time));
       currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'
               + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
               + '秒';
       document.getElementById("htmer_time").innerHTML = currentTimeHtml;
   }
   setInterval(setTime, 1000);
</script>

使用方法:将 上面的代码放到网站的 footer 或 header 中,然后将这个《网站稳定运行:<span id="htmer_time" style="color: red;"></span>》插入统计代码当中或网站合适的位置即可,可在我的博客底部看到具体效果希望有不懂的博友可以用上,感谢您的阅读!

文章版权及转载声明:

作者:姚兵
本文地址:http://zmtihome.com/baike/post/82.html
该文章发布于 2年前 ( 2018-04-22 )
文章转载或复制请以 超链接形式 并注明出处 姚兵博客


必填

选填

选填

快捷回复:

跟帖列表 (有 2 跟帖,1052人围观)参与讨论

沙发 应用志   应用志 游客
这个不错,能很好地显示网站的“历史”
回复
板凳 梁兴健   梁兴健 游客
很不错的小功能,能记录网站运行时间
回复
    
沙发 应用志   应用志 游客
这个不错,能很好地显示网站的“历史”
回复
板凳 梁兴健   梁兴健 游客
很不错的小功能,能记录网站运行时间
回复