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