JavaScript 为网站添加运行时间显示

admin HTML/CSS/JS21,120字数 971阅读模式

JavaScript 生成时间信息

下面的方法是通过 JavaScript 的 Date() 方法获取当前以及建站的时间(建站时间需手动修改为你网站的建站时间),然后通过 getTime() 方法计算的二者时间间隔(getTime() 方法会获取目标时间距 2000 年 1 月 1 日之间的毫秒数),最后向下取整获取天数、小时数、分钟数、秒数来生成网站运行时间的,具体代码如下:

  1. <script type="text/javascript">  
  2.     function show_site_runtime(){  
  3.     window.setTimeout("show_site_runtime()",1000); // 每秒运行一次函数  
  4.     X=new Date("01/03/2017 00:00:00"); //在这里修改你的建站时间  
  5.     Y=new Date();  
  6.     T=(Y.getTime()-X.getTime()); // 获取当前时间与指定时间之间的时间间隔(ms)    
  7.     i=24*60*60*1000;  
  8.     d=T/i;  
  9.     D=Math.floor(d); // 计算天数并向下取整  
  10.     h=(d-D)*24;  
  11.     H=Math.floor(h); // 计算剩余不足一天的小时数并向下取整  
  12.     m=(h-H)*60;  
  13.     M=Math.floor(m); // 计算剩余不足一小时的分钟数并向下取整  
  14.     s=(m-M)*60  
  15.     S=Math.floor(s); // 计算剩余不足一分钟的秒数并向下取整  
  16.     site_runtime.innerHTML= Y+D + " 天 " + H + " 小时 " + M + " 分 " + S + " 秒 "  
  17.     }  
  18.     show_site_runtime();  
  19. </script>  

注意:将代码中的初始建站时间修改为你网站的建站时间。

HTML 前端输出

在你需要输出的地方添加如下代码即可:

  1. <p>>>> 网站已平稳运行:<span id="site_runtime" style="color: #24a0f0;"></span><<<</p>  

样式的话我没怎么做调整,大家自己根据自己情况调整下吧。

版权声明:文章图片资源来源于网络,如有侵权,请留言删除!!!
广告也精彩
admin
  • 本文由 发表于 2021年9月27日 10:29:11
  • 转载请务必保留本文链接:https://www.58pxe.com/7696.html
评论  2  访客  1  作者  1
    • 匿名
      匿名 4

      为什么如果是当天时间开始计算的话天数会变成-59的?

        • admin
          admin

          @ 匿名 有可能是你PHP或者服务器时间差的问题。。。

      匿名

      发表评论

      匿名网友 填写信息

      :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: