给网站底部添加一个运行时间

雨梦
2023-01-09 / 1 评论 / 35 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2023年01月09日,已超过72天没有更新,若内容或图片失效,请留言反馈。

给自己的网站底部添加一个运行时间,要怎么样才能实现呢?虽然有的网站模板可能会有这个设置,但毕竟只是有些而已。
其实给网站底部添加运行时间有两种方式:
方法一:
将以下代码放到网站底部你想放置的地方

<span style="color: #ff0000;">本站已稳定运行:</span><span id="sitetime"  style="color: #ff0000;" ></span>

PS:#ff0000为字体颜色代码,可自行更改
JS代码如下:代码放在〈/body〉之前即可,另外如果是放js里面记得取消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(2022,09,06,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>

方法二:
还是一样的复制代码到网站底部,只不过这个比方法一简单快捷 表情 看你喜欢用哪个咯哈

<span id="runtime_span"></span>
<script type="text/javascript">function show_runtime(){window.setTimeout("show_runtime()",1000);X=new 
Date("06/09/2022 00:00: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>

效果图如下: Test

3

评论 (1)

取消
  1. 头像
    A
    Windows X64 · QQ Browser

    好的好的

    回复