1.在网站需要插入的地方放这串代码
<!--运行时间-->
<span id="oldtime"></span>
<!--运行时间-->
2.在网站的其他地方插入js代码
<link rel="stylesheet" href="路径/oldtime.css">
<script src="路径/oldtime.js"></script>
注意:运行时间开始下方看情况地方加,一般加在头部head
有时候需要添加
<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);
© 版权声明
文章版权归原作者所有,本站只做转载和学习。声明:下载本站资源即同意用户协议,本站程序只是提供给开发者学习研究。
THE END


![科学上网,看世界 从未如此简单! [仅限安卓用户]-北海资源社](http://www.sstey.com/wp-content/uploads/2025/11/image-48.png)






暂无评论内容