显示“本站已运行X天X时X分X秒”,加了个网站运行时间统计代码


  看到很多博友的网站上都有显示“本站已运行X天X时X分X秒”,而且还是实时自动更新,可以看到一直在自动读秒。

  这个功能比较酷,给自己网站上也弄了一个。

  保存下代码,下次再用的时候就不用到处去找了。

<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group=""> &lt;div style="float:right; font-size: 13px;">本站已坚强运行[ &lt;SPAN id=span_dt_dt style="color: #228B22; ">&lt;/SPAN> &lt;SCRIPT language=javascript>function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("11/1/2021 01:00:00");
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTML='&lt;font style=color:#FF0000>'+daysold+'&lt;/font> 天 &lt;font style=color:#FF0000>'+hrsold+'&lt;/font> 时 &lt;font style=color:#FF0000>'+minsold+'&lt;/font> 分 &lt;font style=color:#FF0000>'+seconds+'&lt;/font> 秒';
}
show_date_time();&lt;/script>]
 &lt;/div></pre>

  需要的直接复制了就可以使用。

  把代码里面的这个建站日期BirthDay=new Date(“11/1/2021 01:00:00”),改成自己网站的上线日期就可以了。

  我的建站日期是2021年11月1日,所以代码是这样的,自行修改即可。

简化版时间统计代码

还可以只记录天数,不统计时、分、秒,代码相对简单一些,没那么长。备用

<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">&lt;a>本站已经运行&lt;a id="days">0&lt;/a>天&lt;/a>
&lt;script>
var s1 = '2021-11-01';//设置为你的建站时间
s1 = new Date(s1.replace(/-/g, "/"));
s2 = new Date();
var days = s2.getTime() - s1.getTime();
var number_of_days = parseInt(days / (1000 * 60 * 60 * 24));
document.getElementById('days').innerHTML = number_of_days;
&lt;/script></pre>

不抱怨,不将就,有自信,有光芒。

欢迎添加书签收藏本站,关注我的后续文章。

涂鸦清单-个人记录

7 评论

留下评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注