首页 技术杂谈分享显示网站运行时间的代码

分享显示网站运行时间的代码

小辞 2021-10-21 12:46:49 0 49
网站底部会显示本站稳定运行XX年XX天XX时XX秒,并且秒数在动态变化,个人还是比较喜欢这东西的,所以测试了下代码,并应用于本站。分享给大家,有需要的朋友直接修改下日期然后Copy过去使用即可。 如果需要显示运行时间:XX年XX天XX时XX秒,秒数还是动态的,请选用下面的代码(具体效果参考本站底部):
<script>    function secondToDate(second) {        if (!second) {            return 0;        }        var time = new Array(0, 0, 0, 0, 0);        if (second >= 365 * 24 * 3600) {            time[0] = parseInt(second / (365 * 24 * 3600));            second %= 365 * 24 * 3600;        }        if (second >= 24 * 3600) {            time[1] = parseInt(second / (24 * 3600));            second %= 24 * 3600;        }        if (second >= 3600) {            time[2] = parseInt(second / 3600);            second %= 3600;        }        if (second >= 60) {            time[3] = parseInt(second / 60);            second %= 60;        }        if (second > 0) {            time[4] = second;        }        return time;    }</script><script type="text/javascript" language="javascript">    function setTime() {        var create_time = Math.round(new Date(Date.UTC(2017, 08, 09, 10, 11, 12)).getTime() / 1000);        var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);        currentTime = secondToDate((timestamp - create_time));        currentTimeHtml = '本站已安全运行:' + currentTime[0] + '年' + currentTime[1] + '天'                + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]                + '秒';        document.getElementById("htmer_time").innerHTML = currentTimeHtml;    }    setInterval(setTime, 1000);    </script>

        上面代码中“2017,08,09,10,11,12”是指的建站时间,分别对应年、月、日、时、分、秒,根据自己实际修改即可。

        把上面代码复制到网页文件中,然后在你想显示的地方添加如下代码即可(请注意修改颜色配置):

<span id="htmer_time" style="color: red;"></span></font>
        如果只需要显示运行天数:XX天,这个比较简单,请选用下面的代码:
本站已安全运行了:<span class="smalltxt">
   <SCRIPT language=javascript><!--
BirthDay=new Date("may 20,2021");
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);
document.write("<font color=red>"+daysold+"</font>天 !");
//-->
</SCRIPT>

代码里面第3句加红文字就是你网站运行的开始时间,may是五月的英文单词大家还是知道吧,为了避免大家跟我一样不懂英文的尴尬,我已经百度了1-12月的所以单词了,大家替换就行了。

January一月; February二月; March三月; April 四月; May 五月;June 六月;July七月;August 八月;September 九月;October 十月;November 十一月;December十二月

后面的20为日,2021为年,根据自己修改吧。
演示:小辞博客已安全运行:92天 !

直接添加网站底部合适位置即可,自动计算


以下代码计算时间精确到秒!

<span id="runtime_span"></span>
<script type="text/javascript">function show_runtime(){window.setTimeout("show_runtime()",1000);X=new 
Date("10/16/2017 5:22:00");
Y=new Date();T=(Y.getTime()-X.getTime());M=24*60*60*1000;
a=T/M;A=Math.floor(a);b=(a-A)*24;B=Math.floor(b);c=(b-B)*60;C=Math.floor((b-B)*60);D=Math.floor((c-C)*60);
runtime_span.innerHTML="本站勉强运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"}show_runtime();</script>
修改你初建网站的时间

Date("10/16/2017 5:22:00")

修改为你自己的即可。

发表评论