html同一个页面多个倒计时 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">     
<html>     
 <head>     
  <title>js倒计时代码</title>     
  <meta name="Generator" content="EditPlus">          
    
 </head>     
    
 <body>      
<script type="text/javascript"> 
     
function countDown( time_distance,fn )     
{         
   var timer = setInterval(function()     
   {     
       if(parseInt(time_distance)>0){
               int_day=Math.floor(time_distance/86400000);
               int_hour=Math.floor((time_distance-int_day*86400000)/3600000);
               int_minute=Math.floor((time_distance-int_hour*3600000-int_day*86400000)/60000);
               int_second=Math.floor((time_distance-int_minute*60000-int_hour*3600000-int_day*86400000)/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;
               msg=int_day+"天   &nbsp;"+int_hour+":"+int_minute+":"+int_second;
         fn( msg );
        }else{
            msg = "00:00:00";
            fn(msg);  
        }
        time_distance=time_distance-1000;        
    }, 1000);     
}     
     </script>
    
<div id="timer1" style="color:red" mce_style="color:red"></div>     
<div id="timer2" style="color:red" mce_style="color:red"></div>     
    
 <script type="text/javascript">
     
    countDown( 449427915,function( msg )     
    {     
        document.getElementById('timer1').innerHTML = msg;     
    });     
         
    countDown( 0,function( msg )     
    {     
        document.getElementById('timer2').innerHTML = msg;     
    })     
   
</script>     
 </body>     
</html>

 

posted on 2016-07-21 17:04  王东明  阅读(555)  评论(0)    收藏  举报

导航