本文作者:阿豪

网站页面底端"本站已经安全运行XX年XX天XX秒"代码

阿豪 04-08 474
网站页面底端"本站已经安全运行XX年XX天XX秒"代码摘要: 看到别人网站底部会显示本站稳定运行XX年XX天XX时XX秒,并且秒数在动态变化,感觉挺酷的,这个是如何实现的呢?站长总结了百度的参考文章,测试了下代码并应用于本站。把代码分享给大家...

看到别人网站底部会显示本站稳定运行XX年XX天XX时XX秒,并且秒数在动态变化,感觉挺酷的,这个是如何实现的呢?站长总结了百度的参考文章,测试了下代码并应用于本站。把代码分享给大家。

把如下代码放在html页面的网站底部你想放的地方

<span id="sitetime"  style="color: #3f7fe0;" ></span>

 style="color: #3f7fe0;" 为设置字体颜色代码

JS代码如下:代码放在</body>之前即可(放在js里面记得取消<script></script>)

<script language=javascript>
    function siteTime(){
        window.setTimeout("siteTime()", 1000);
        var seconds = 1000;
        var minutes = seconds * 60;
        var hours = minutes * 60;
        var days = hours * 24;
        var years = days * 365;
        var today = new Date();
        var todayYear = today.getFullYear();
        var todayMonth = today.getMonth()+1;
        var todayDate = today.getDate();
        var todayHour = today.getHours();
        var todayMinute = today.getMinutes();
        var todaySecond = today.getSeconds();
        /* Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
        year - 作为date对象的年份,为4位年份值
        month - 0-11之间的整数,做为date对象的月份
        day - 1-31之间的整数,做为date对象的天数
        hours - 0(午夜24点)-23之间的整数,做为date对象的小时数
        minutes - 0-59之间的整数,做为date对象的分钟数
        seconds - 0-59之间的整数,做为date对象的秒数
        microseconds - 0-999之间的整数,做为date对象的毫秒数 */
        var t1 = Date.UTC(2017,09,16,00,00,00); //北京时间2017-09-16 00:00:00创建网站的时间
        var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
        var diff = t2-t1;
        var diffYears = Math.floor(diff/years);
        var diffDays = Math.floor((diff/days)-diffYears*365);
        var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
        var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
        var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
        document.getElementById("sitetime").innerHTML=+diffYears+"年"+diffDays+"天"+diffHours+"时"+diffMinutes+"分钟"+diffSeconds+"秒";
    }
    siteTime();
</script>

根据自己放置的地方,效果如下

image.png

另外一个版本只显示运行几天的可以参考 网站页面底端"本站已经安全运行XX天"代码

文章版权及转载声明

作者:阿豪本文地址:https://www.ahaoyw.com/article/569.html发布于 04-08
文章转载或复制请以超链接形式并注明出处阿豪运维

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏