看到很多博友的网站上都有“本站已运行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>
不抱怨,不将就,有自信,有光芒。
欢迎添加书签收藏本站,关注我的后续文章。
涂鸦清单-个人记录
正文和代码块的字体大小差距有点大,协调统一下好些啊
用的代码高亮插件,我再检查下看字体大小能调不
你底下显示的是“本站已坚强运行[ ]”。
其他页面正常,唯独你这篇文章底下不显示时间。不知道是不是我这边访问的问题。
确实是这样,我再检查下代码,看能解决问题不
不错不错,还是这么喜欢折腾
隔段时间就想把页面调整调整…