码迷,mamicode.com
首页 > 其他好文 > 详细

倒计时

时间:2016-04-20 19:37:01      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:

   
  <!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(‘2016/04/21 00:00:00‘);
  var NowTime = new Date();
  var t =EndTime.getTime() - NowTime.getTime();
  var d=Math.floor(t/1000/60/60/24);
  var h=Math.floor(t/1000/60/60%24);
  var m=Math.floor(t/1000/60%60);
  var 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>

倒计时

标签:

原文地址:http://www.cnblogs.com/duowen/p/5413852.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!