源开星耀-专注前端行业精选
当前位置:网站首页 > 技术教程 > 正文

底部运行天数代码

作者:admin 日期:2025-10-27 02:19:40 浏览:73 分类:技术教程

1.在网站需要插入的地方放这串代码

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


2.在网站的其他地方插入js代码

<!--运行时间开始-->   

<link rel="stylesheet" href="https://bbs.yuankainet.cn/yunxingtime/oldtime.css">    
<script src=" 
</script>    
<!--运行时间结束-->

注意:运行时间开始下方看情况加

<script>

,有时候需要添加,有时候不用

css代码(第二步中的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代码(第二步中的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);


关灯