1.在网站需要插入的地方放这串代码
- <!–运行时间–>
- <span id=”oldtime”></span>
- <!–运行时间–>
复制代码
2.在网站的其他地方插入js代码
- <link rel=”stylesheet” href=”路径/oldtime.css”>
- <script src=”路径/oldtime.js”></script>
复制代码
注意：运行时间开始下方看情况地方加，一般加在头部head
有时候需要添加
有时候不用
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);
复制代码
|
【版权声明】：服务器导航网所有内容均来自网络和部分原创，若无意侵犯到您的权利，请及时与联系 QQ 2232175042，将在48小时内删除相关内容!!
