网站底部添加网站运行时间代码

  1. 将以下代码直接粘贴到您的 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>
  1. 在您希望显示运行时间的地方(通常放在 footer 区域),添加以下代码:

    <span id="runtime_span"></span>
JS
评论区
头像
    头像
    Crzoo
      

    博主你好,请问怎么吧计时的位置显示到你这样的位置呢?
    按照你的方法可以实现计时,但是位置不对。
    谢谢!

      头像
      蘑菇
        
      @Crzoo

      <span id="runtime_span"></span> 和我一样的主题的话放到主题设置->页脚信息里,不一样的话看看主题目录里的 footer.php 文件

    头像
    李十三
      

    请问如何改变数字颜色和动态数字浮现的效果,代码应该增么加吗?
    可否详说 {{fadai}} {{fadai}}

    头像

    博主博主,js里面用这个吧,不然会报错

    document.getElementById("runtime_span").innerHTML = "网站已运行了: " + A + "天" + B + "小时" + C + "分" + D + "秒"
      头像
      蘑菇
        
      @Justlovesmile

      只会报一次错

      头像
      @Justlovesmile

      但是好像这样的话,js就需要放到<span id="runtime_span"></span>后面

        头像
        蘑菇
          
        @Justlovesmile

        Sakura主题的话你可以吧这个函数放到sakura-js.js里,在调用下回调函数

          头像
          @蘑菇

          嗯嗯好的谢谢博主 {{dianzan}} {{dianzan}}

    头像

    大佬,在哪个head标签里 {{liulei}}

      头像
      蘑菇
        
      @梦想.发射

      放到主题目录的header.php里