自媒体之家

关注(zmtihome.com)自媒体之家

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

868°c | 姚兵 | 2018年04月22日 11:07 | 2 评论
  摘要  

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

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

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
版权声明:本站文章均来自投稿、转载、原创,与自媒体之家观点无关,希望读者明辨是非,谨防上当受骗!版权在文章结尾处。 自媒体之家(微信/QQ号:215816800),转载请保留出处和链接!

必填

选填

选填

◎已有 2 人评论,请发表您的观点。 QQ/微信:215816800

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