码迷,mamicode.com
首页 > 其他好文 > 详细

分享博客的动态运行天数代码

时间:2018-12-26 15:57:40      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:gettime   bubuko   int   图片   ext   inter   创建   color   info   

今天偶然看到别人博客中可以显示博客的运行时间

技术分享图片

于是自己也想做一个,就找了一下方法,最后找到一个比较方便的,就是贴代码,一开始还担心没有用,结果很完美

技术分享图片

代码如下:

 1 <script>
 2     function secondToDate(second) {
 3         if (!second) {
 4             return 0;
 5         }
 6         var time = new Array(0, 0, 0, 0, 0);
 7         if (second >= 365 * 24 * 3600) {
 8             time[0] = parseInt(second / (365 * 24 * 3600));
 9             second %= 365 * 24 * 3600;
10         }
11         if (second >= 24 * 3600) {
12             time[1] = parseInt(second / (24 * 3600));
13             second %= 24 * 3600;
14         }
15         if (second >= 3600) {
16             time[2] = parseInt(second / 3600);
17             second %= 3600;
18         }
19         if (second >= 60) {
20             time[3] = parseInt(second / 60);
21             second %= 60;
22         }
23         if (second > 0) {
24             time[4] = second;
25         }
26         return time;
27     }
28 </script>
29 <script type="text/javascript" language="javascript">
30     function setTime() {
31         // 博客创建时间秒数,时间格式中,月比较特殊,是从0开始的,所以想要显示5月,得写4才行,如下
32         var create_time = Math.round(new Date(Date.UTC(2013, 4, 22, 0, 0, 0))
33                 .getTime() / 1000);
34         // 当前时间秒数,增加时区的差异
35         var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
36         currentTime = secondToDate((timestamp - create_time));
37         currentTimeHtml = currentTime[0] + ‘年‘ + currentTime[1] + ‘天‘
38                 + currentTime[2] + ‘时‘ + currentTime[3] + ‘分‘ + currentTime[4]
39                 + ‘秒‘;
40         document.getElementById("htmer_time").innerHTML = currentTimeHtml;
41     }
42     setInterval(setTime, 1000);
43 </script>

将这段代码放在页脚代码中

1 网站运行:<span id="htmer_time" style="color: red;"></span>

然后将上面这行代码插入统计代码当中或网站合适的位置即可

 

分享博客的动态运行天数代码

标签:gettime   bubuko   int   图片   ext   inter   创建   color   info   

原文地址:https://www.cnblogs.com/Deast/p/10179070.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!