1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8" />
5 <title>JS实现倒计时(时、分，秒)</title>
6 <script language="javascript" type="text/javascript">
7 var interval = 1000;
8 function ShowCountDown(year,month,day,divname){
9 //获取当前时间
10 var now = new Date();
11 //结束时间
12 var endDate = new Date(year, month-1, day);
13 //结束时间差
14 var leftTime = endDate.getTime()-now.getTime();
15 //计算总秒
16 var leftsecond = parseInt(leftTime/1000);
17
18 //计算天
19 var days=Math.floor(leftsecond/(60*60*24));
20 //计算小时
21 var hours=Math.floor((leftsecond-days*24*60*60)/3600);
22 //计算分
23 var minutes=Math.floor((leftsecond-days*24*60*60-hours*3600)/60);
24 //计算秒
25 var seconds=Math.floor(leftsecond-days*24*60*60-hours*3600-minutes*60);
26
27 console.log(days);
28
29 var cc = document.getElementById(divname);
30 var data1=document.getElementById('data');
31 var hours1=document.getElementById('hours');
32 var minutes1=document.getElementById('minutes');
33 var seconds1=document.getElementById('seconds');
34
35 //判断数字小于10，前面加零
36 function checkTime(i){
37 if(i < 10){
38 i = "0" + i;
39 }
40 return i;
41 }
42
43
44 data1.innerHTML=checkTime(days);
45 hours1.innerHTML=checkTime(hours);
46 minutes1.innerHTML=checkTime(minutes);
47 seconds1.innerHTML=checkTime(seconds);
48 }
49 window.setInterval(function(){
50 ShowCountDown(2020,1,1,'divdown1');
51 }, interval);
52 </script>
53 </head>
54 <body>
55 <div id="divdown1">
56 距结束<span id="data" class="time">00</span> 天 <span id="hours" class="time">00</span> : <span id="minutes" class="time">00</span> : <span id="seconds" class="time">00</span>
57 </div>
58 </body>
59 </html>
