网上很多博客都都会在网站底部或者右下角显示网站已稳定运行 xxx 天 xx 时 xx 分 xx 秒,动态显示,看上去挺酷的。网上很多相关的代码,wordpress程序还有相关插件可以实现这种效果。但是其实我们可以用纯代码纯代码为网站添加“本站已稳定运行XX天”的效果。
据说下面是GPT生成的最简洁代码:
<p>网站已稳定运行 <span id="runtime">0 天 0 时 0 分 0 秒</span></p> <script> const startDate = new Date(2013, 2, 5, 12, 0, 0); function updateRuntime() { const now = new Date(); const diff = now - startDate; const seconds = Math.floor(diff / 1000); const minutes = Math.floor(seconds / 60); const hours = Math.floor(minutes / 60); const days = Math.floor(hours / 24); const remainingHours = hours % 24; const remainingMinutes = minutes % 60; const remainingSeconds = seconds % 60; document.getElementById('runtime').textContent = `${days} 天 ${remainingHours} 时 ${remainingMinutes} 分 ${remainingSeconds} 秒`; } setInterval(updateRuntime, 1000); updateRuntime(); </script>
我们只要将其添加到网站的相关位置即可,开始运行时间在代码的第三行进行修改。
比如,wordpress博客可以设置——外观——小工具——自定义html即可。