JavaScript 為網(wǎng)站添加運(yùn)行時(shí)間顯示

admin HTML/CSS/JS21,120字?jǐn)?shù) 971閱讀模式

JavaScript 生成時(shí)間信息

下面的方法是通過 JavaScript 的 Date() 方法獲取當(dāng)前以及建站的時(shí)間(建站時(shí)間需手動(dòng)修改為你網(wǎng)站的建站時(shí)間),然后通過 getTime() 方法計(jì)算的二者時(shí)間間隔(getTime() 方法會(huì)獲取目標(biāo)時(shí)間距 2000 年 1 月 1 日之間的毫秒數(shù)),最后向下取整獲取天數(shù)、小時(shí)數(shù)、分鐘數(shù)、秒數(shù)來生成網(wǎng)站運(yùn)行時(shí)間的,具體代碼如下:

  1. <script type="text/javascript">  
  2.     function show_site_runtime(){  
  3.     window.setTimeout("show_site_runtime()",1000); // 每秒運(yùn)行一次函數(shù)  
  4.     X=new Date("01/03/2017 00:00:00"); //在這里修改你的建站時(shí)間  
  5.     Y=new Date();  
  6.     T=(Y.getTime()-X.getTime()); // 獲取當(dāng)前時(shí)間與指定時(shí)間之間的時(shí)間間隔(ms)    
  7.     i=24*60*60*1000;  
  8.     d=T/i;  
  9.     D=Math.floor(d); // 計(jì)算天數(shù)并向下取整  
  10.     h=(d-D)*24;  
  11.     H=Math.floor(h); // 計(jì)算剩余不足一天的小時(shí)數(shù)并向下取整  
  12.     m=(h-H)*60;  
  13.     M=Math.floor(m); // 計(jì)算剩余不足一小時(shí)的分鐘數(shù)并向下取整  
  14.     s=(m-M)*60  
  15.     S=Math.floor(s); // 計(jì)算剩余不足一分鐘的秒數(shù)并向下取整  
  16.     site_runtime.innerHTML= Y+D + " 天 " + H + " 小時(shí) " + M + " 分 " + S + " 秒 "  
  17.     }  
  18.     show_site_runtime();  
  19. </script>  

注意:將代碼中的初始建站時(shí)間修改為你網(wǎng)站的建站時(shí)間。

HTML 前端輸出

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

  1. <p>>>> 網(wǎng)站已平穩(wěn)運(yùn)行:<span id="site_runtime" style="color: #24a0f0;"></span><<<</p>  

樣式的話我沒怎么做調(diào)整,大家自己根據(jù)自己情況調(diào)整下吧。

版權(quán)聲明:文章圖片資源來源于網(wǎng)絡(luò),如有侵權(quán),請(qǐng)留言刪除!!!
廣告也精彩
admin
  • 本文由 發(fā)表于 2021年9月27日 10:29:11
  • 轉(zhuǎn)載請(qǐng)務(wù)必保留本文鏈接:http://yudch.cn/7696.html
評(píng)論  2  訪客  1  作者  1
    • 匿名
      匿名 4

      為什么如果是當(dāng)天時(shí)間開始計(jì)算的話天數(shù)會(huì)變成-59的?

        • admin
          admin

          @ 匿名 有可能是你PHP或者服務(wù)器時(shí)間差的問題。。。

      匿名

      發(fā)表評(píng)論

      匿名網(wǎng)友 填寫信息

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