1 <div id="times_wrap" class="time_num">
2 距离结束时间：
3 <div class="time_w">
4 <b id="times_d" class="time"> </b>天
5 <b id="times_h" class="time"> </b>时
6 <b id="times_m" class="time"> </b>分
7 <b id="times_s" class="time"> </b>秒
8 </div>
9 </div>
1 var time_wrap = document.getElementById("times_wrap"
);
2 var time_d = document.getElementById("times_d"
);
3 var time_h = document.getElementById("times_h"
);
4 var time_m = document.getElementById("times_m"
);
5 var time_s = document.getElementById("times_s"
);
6
7 var time_end =
new Date("2015/9/30 18:00:00");
// 设定结束时间
8 time_end =
time_end.getTime();
9
10 function show_time(){
11 var time_now =
new Date();
// 获取当前时间
12 time_now =
time_now.getTime();
13 var time_distance = time_end - time_now;
// 结束时间减去当前时间
14 var int_day, int_hour, int_minute, int_second;
15 if(time_distance >= 0
){
16 // 天时分秒换算
17 int_day = Math.floor(time_distance/86400000)
18 time_distance -= int_day * 86400000
;
19 int_hour = Math.floor(time_distance/3600000)
20 time_distance -= int_hour * 3600000
;
21 int_minute = Math.floor(time_distance/60000)
22 time_distance -= int_minute * 60000
;
23 int_second = Math.floor(time_distance/1000)
24
25 // 时分秒为单数时、前面加零站位
26 if(int_hour < 10
)
27 int_hour = "0" +
int_hour;
28 if(int_minute < 10
)
29 int_minute = "0" +
int_minute;
30 if(int_second < 10
)
31 int_second = "0" +
int_second;
32
33 // 显示时间
34 time_d.innerHTML =
int_day;
35 time_h.innerHTML =
int_hour;
36 time_m.innerHTML =
int_minute;
37 time_s.innerHTML =
int_second;
38 }
else{
39 time_d.innerHTML =
time_d.innerHTML;
40 time_h.innerHTML =
time_h.innerHTML;
41 time_m.innerHTML =
time_m.innerHTML;
42 time_s.innerHTML =
time_s.innerHTML;
43 }
44 };
45 window.setInterval(
function(){
46 show_time();
47 }, 1000);
转载于:https://www.cnblogs.com/xinxingyu/p/4839243.html
相关资源：JQuery仿小米手机抢购页面倒计时效果
