Javascript 倒计时 

 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>

 

posted @ 2017-08-21 14:01  wǒの湁茡潞釦﹌  阅读(157)  评论(0)    收藏  举报