jquery实现倒计时后并执行一段操作

admin

html代码

1. <div class="box">
   
2.     <span>距离2015年国庆节还剩：</span>
   
3.     <div class="content">
   
4.         <input type="text" id="time_d">天<input type="text" id="time_h">时<input type="text" id="time_m">分<input type="text" id="time_s">秒
   
5.     </div>
   
6. </div>
   

复制代码

js代码

1. function show_time(){
   
2.     var time_start = new Date().getTime(); //设定当前时间
   
3.     var time_end =  new Date("2015/10/01 00:00:00").getTime(); //设定目标时间
   
4.     // 计算时间差
   
5.     var time_distance = time_end - time_start;
   
6.     if (time_distance < 0) {
   
7.         console.log("时间到期之后要实行的动作");     //时间到期之后要实行的动作
   
8.         return; //退出倒计时动作
   
9.     }
   
10.     // 天
    
11.     var int_day = Math.floor(time_distance/86400000)
    
12.     time_distance -= int_day * 86400000;
    
13.     // 时
    
14.     var int_hour = Math.floor(time_distance/3600000)
    
15.     time_distance -= int_hour * 3600000;
    
16.     // 分
    
17.     var int_minute = Math.floor(time_distance/60000)
    
18.     time_distance -= int_minute * 60000;
    
19.     // 秒
    
20.     var int_second = Math.floor(time_distance/1000)
    
21.     // 时分秒为单数时、前面加零
    
22.     if(int_day < 10){
    
23.         int_day = "0" + int_day;
    
24.     }
    
25.     if(int_hour < 10){
    
26.         int_hour = "0" + int_hour;
    
27.     }
    
28.     if(int_minute < 10){
    
29.         int_minute = "0" + int_minute;
    
30.     }
    
31.     if(int_second < 10){
    
32.         int_second = "0" + int_second;
    
33.     }
    
34.     // 显示时间
    
35.     $("#time_d").val(int_day);
    
36.     $("#time_h").val(int_hour);
    
37.     $("#time_m").val(int_minute);
    
38.     $("#time_s").val(int_second);
    
39.     // 设置定时器
    
40.     setTimeout("show_time()",1000);
    
41. }
    
42. show_time();

复制代码