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


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

  我觉得这个功能比较酷,也给自己网站上弄了一个,放到了网站最底部。

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

 <div style="float:right; font-size: 13px;">本站已坚强运行[ <SPAN id=span_dt_dt style="color: #228B22; "></SPAN> <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='<font style=color:#FF0000>'+daysold+'</font> 天 <font style=color:#FF0000>'+hrsold+'</font> 时 <font style=color:#FF0000>'+minsold+'</font> 分 <font style=color:#FF0000>'+seconds+'</font> 秒';
}
show_date_time();</script>]
 </div>

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

  把代码里面的这个建站日期,改成自己网站的上线日期就可以了。我的建站日期是2021年11月1日,所以代码是这样的,自行修改即可。

BirthDay=new Date("11/1/2021 01:00:00");

  另外就是可以自定义显示字体的大小,我的是13px,嫌字小的可以自行修改,只要改代码这里的数字即可。

style="float:right; font-size: 13px;"
简化版时间统计代码

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

<a>本站已经运行<a id="days">0</a>天</a>
<script>
var s1 = '2017-01-08';//设置为你的建站时间
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;
</script>

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

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

涂鸦清单-个人记录

7 评论

  1. 二次元
  2. 二次元

留下评论

您的电子邮箱地址不会被公开。

Document