首页 > 编程 > JavaScript > 正文

JS倒计时实例_天时分秒

2019-11-19 15:43:11
字体:
来源:转载
供稿:网友

HTML代码:

<div id="times_wrap" class="time_num"> 距离结束时间: <div class="time_w">  <b id="times_d" class="time"> </b>天  <b id="times_h" class="time"> </b>时  <b id="times_m" class="time"> </b>分  <b id="times_s" class="time"> </b>秒 </div></div>

JavaScript代码:

<script type="text/javascript">setTimeout("show_time()",1000);var time_wrap = document.getElementByIdx_x("times_wrap");var time_d = document.getElementByIdx_x("times_d");var time_h = document.getElementByIdx_x("times_h");var time_m = document.getElementByIdx_x("times_m");var time_s = document.getElementByIdx_x("times_s");var time_end = new Date("2012/10/29 08:00:00"); // 设定结束时间time_end = time_end.getTime();function show_time(){ var time_now = new Date(); // 获取当前时间  time_now = time_now.getTime(); var time_distance = time_end - time_now; // 结束时间减去当前时间 var int_day, int_hour, int_minute, int_second; if(time_distance >= 0){  // 天时分秒换算  int_day = Math.floor(time_distance/86400000)  time_distance -= int_day * 86400000;  int_hour = Math.floor(time_distance/3600000)  time_distance -= int_hour * 3600000;  int_minute = Math.floor(time_distance/60000)  time_distance -= int_minute * 60000;  int_second = Math.floor(time_distance/1000)   // 时分秒为单数时、前面加零站位  if(int_hour < 10)  int_hour = "0" + int_hour;  if(int_minute < 10)  int_minute = "0" + int_minute;  if(int_second < 10)  int_second = "0" + int_second;    // 显示时间  time_d.innerHTML = int_day;  time_h.innerHTML = int_hour;  time_m.innerHTML = int_minute;  time_s.innerHTML = int_second;    setTimeout("show_time()",1000); }else{  time_d.innerHTML = time_d.innerHTML;  time_h.innerHTML = time_h.innerHTML;  time_m.innerHTML = time_m.innerHTML;  time_s.innerHTML = time_s.innerHTML;   // clearTimeout(timerID) }};</script>

以上这篇JS倒计时实例_天时分秒就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表