zibll子比主题美化 网站底部显示网站运行时长代码

作者:晓白pos网 发布时间:2022-07-12 01:32:42

前言

突然想起来已经做站2年多了,于是就可以在网站底部显示网站运行时长,挺看好的

相关截图

当然也可以直接看本站的网站底部效果一样的

教程开始

首先需要复制下面这个js代码,是一个判断时间并且计算时间的js代码,复制粘贴到子比主题的自定义代码的js区块就行了[hidecontent type="reply"]

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); //你创建网站的时间
        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();

[/hidecontent]当然要把里面的一些东西修改一下,例如你创建网站的时间,这里玩已经标注好了,你们修改一下就行了

最后要把下面这个代码复制粘贴到网站底部那里显示出来就行了

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

颜色可以自己修改,颜色代码就自行百度吧

教程结束

标签:, , , , ,

联系邮箱:ert5tyx@163.com(三个工作日内处理)
Copyright © 2020 · 晓白pos网 皖ICP备2022013394号-7