简单易用的倒计时js代码

最新推荐文章于 2021-06-09 17:07:01 发布

往事不堪回首..

最新推荐文章于 2021-06-09 17:07:01 发布

阅读量250

点赞数

分类专栏：前端集

本文链接：https://blog.csdn.net/qq3892997/article/details/75330045

版权

前端集专栏收录该内容

45 篇文章 1 订阅

订阅专栏

 
          <!doctype html>  
         
          <html>  
         
          <head>  
         
          <meta charset= 
          "utf-8" 
          >  
         
          <title>简单易用的倒计时js代码</title>  
         
          <style>  
         
          *{ margin:0; padding:0; list-style:none;}  
         
          body{ font-size:18px; text-align:center;}  
         
          .time{ height:30px; padding:200px;}  
         
          </style>  
         
          </head>  
         
          <body>  
         
          <div class= 
          "time" 
          >  
         
          <span id= 
          "t_d" 
          >00天</span>  
         
          <span id= 
          "t_h" 
          >00时</span>  
         
          <span id= 
          "t_m" 
          >00分</span>  
         
          <span id= 
          "t_s" 
          >00秒</span>  
         
          </div>  
         
          <script>  
         
          function 
          GetRTime(){  
         
          var 
          EndTime=  
          new 
           Date( 
          '2014/09/20 00:00:00' 
          );  
         
          var 
          NowTime =  
          new 
           Date();  
         
          var 
          t =EndTime.getTime() - NowTime.getTime();  
         
          var 
          d=0;  
         
          var 
          h=0;  
         
          var 
          m=0;  
         
          var 
          s=0;  
         
          if 
          (t>=0){  
         
          d=Math.floor(t/1000/60/60/24);  
         
          h=Math.floor(t/1000/60/60%24);  
         
          m=Math.floor(t/1000/60%60);  
         
          s=Math.floor(t/1000%60);  
         
          }  
         
          document.getElementById( 
          "t_d" 
          ).innerHTML = d +  
          "天" 
          ;  
         
          document.getElementById( 
          "t_h" 
          ).innerHTML = h +  
          "时" 
          ;  
         
          document.getElementById( 
          "t_m" 
          ).innerHTML = m +  
          "分" 
          ;  
         
          document.getElementById( 
          "t_s" 
          ).innerHTML = s +  
          "秒" 
          ;  
         
          }  
         
          setInterval(GetRTime,0);  
         
          </script>  
         
          </body>  
         
          </html>