网站底部运行天数代码

加入330B模板网QQ群,享优惠,抽会员,最新模板群内限时免费!


1.需要显示的地方放入这行代码:

<!--运行时间-->
<span id="oldtime"></span>
<!--运行时间-->

2.在网站的其他地方插入js代码(如:主题内的自定义JS)

<link rel="stylesheet" href="路径/oldtime.css">    
<script src="路径/oldtime.js"></script>

CSS和JS代码在下方,请自行保存文件,更改路径链接!

上方的CSS代码:

#oldtime {
    animation: change 10s infinite;
    font-weight: 800;
}

@keyframes change {
    0% { color: #5cb85c; }
    25% { color: #556bd8; }
    50% { color: #e40707; }
    75% { color: #66e616; }
    100% { color: #67bd31; }
}

上方的JS代码:

function NewDate(str) {    str = str.split('-');    var date = new Date();    date.setUTCFullYear(str[0], str[1] - 1, str[2]);    date.setUTCHours(0, 0, 0, 0);    return date;}function oldtime() {    var birthDay = NewDate("2024-8-14");    var today = new Date();    var timeold = today.getTime() - birthDay.getTime();        var msPerDay = 24 * 60 * 60 * 1000;    var daysold = Math.floor(timeold / msPerDay);    var hrsold = Math.floor((timeold % msPerDay) / (60 * 60 * 1000));    var minsold = Math.floor((timeold % (60 * 60 * 1000)) / (60 * 1000));    var seconds = Math.floor((timeold % (60 * 1000)) / 1000);    document.getElementById("oldtime").innerHTML =         "本站已安全运行 " + daysold + " 天 " + hrsold + " 小时 " + minsold + " 分 " + seconds + " 秒";        setTimeout(oldtime, 1000);}// 确保 DOM 加载完成后执行document.addEventListener('DOMContentLoaded', oldtime);

温馨提示:本文最后更新于2025-11-17 18:22:24,某些资源的网盘链接可能具有时效性,若有错误或已失效,请在下方留言或联系站长
330B模板网

本站同款子比主题

更优雅的wordpress建站模版!限时优惠中…

主题购买 更新日志
© 版权声明
THE END
喜欢就支持一下吧
点赞23 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容

       
点此链接购买本站同款模板,获取本站返利30元及会员一个月!