将以下代码直接粘贴到您的 HTML 文档中,通常需要放在
</body>
标签之前。请将Date("10/11/2017 7:00:00")
替换为您希望设置的时间。<script type="text/javascript"> function show_runtime() { window.setTimeout(show_runtime, 1000); // 使用函数名而非字符串,提升性能 let startDate = new Date("10/11/2017 7:00:00"); // 设置起始时间 let currentDate = new Date(); // 获取当前时间 let timeElapsed = currentDate.getTime() - startDate.getTime(); // 计算时间差 let millisecondsInADay = 24 * 60 * 60 * 1000; // 一天的毫秒数 let totalDays = timeElapsed / millisecondsInADay; let days = Math.floor(totalDays); let hours = Math.floor((totalDays - days) * 24); let minutes = Math.floor(((totalDays - days) * 24 - hours) * 60); let seconds = Math.floor((((totalDays - days) * 24 - hours) * 60 - minutes) * 60); document.getElementById("runtime_span").innerHTML = "网站在各种灾难中运行了: " + days + "天" + hours + "小时" + minutes + "分" + seconds + "秒"; } show_runtime(); </script>
在您希望显示运行时间的地方(通常放在 footer 区域),添加以下代码:
<span id="runtime_span"></span>
博主你好,请问怎么吧计时的位置显示到你这样的位置呢?
按照你的方法可以实现计时,但是位置不对。
谢谢!
<span id="runtime_span"></span> 和我一样的主题的话放到主题设置->页脚信息里,不一样的话看看主题目录里的 footer.php 文件
请问如何改变数字颜色和动态数字浮现的效果,代码应该增么加吗?
可否详说 {{fadai}} {{fadai}}
博主博主,js里面用这个吧,不然会报错
document.getElementById("runtime_span").innerHTML = "网站已运行了: " + A + "天" + B + "小时" + C + "分" + D + "秒"只会报一次错
但是好像这样的话,js就需要放到<span id="runtime_span"></span>后面
Sakura主题的话你可以吧这个函数放到sakura-js.js里,在调用下回调函数
嗯嗯好的谢谢博主 {{dianzan}} {{dianzan}}
大佬,在哪个head标签里 {{liulei}}
放到主题目录的header.php里