当前位置:首页 > 建站咨询
如何在网站底部增加动态的运行天数代码

来源:搜你想要的 点击数: 时间:05-14

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

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>》插入统计代码当中或网站合适的位置即可,可在我的博客底部看到具体效果希望有不懂的博友可以用上,感谢您的阅读!

广告推介

最新发布

图文信息

最新视频

热门事件

资源共享