经常看到有博客网站底部有“本站已安全运行XX天”,今天4号网抽空也研究了一下,现在把代码贴出来已备后用。

第一种代码:显示倒叙数秒

先把如下代码放在html页面的网站底部你想放的地方,例如统计代码右侧:

本站已安全运行:<span id="sitetime" style="color: #6c757d;" ></span>

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

然后,添加底部(footer)自定义 js 代码,添加在网站底部</body> 之前:

<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(2015,12,25,00,00,00); //北京时间2015-12-25 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>

 

效果如下:

第二种代码:只显示运行几天

先把如下代码放在html页面的网站底部你想放的地方,例如统计代码右侧:

<a>本站已经运行<a id="days">0</a>天</a>

然后,添加底部(footer)自定义 js 代码,添加在网站底部 body 前:

<script>  
var 
s1 = '2017-10-16';//设置为你的建站时间  
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>

 

结束。

发表回复

您的电子邮箱地址不会被公开。