<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>JS倒计时</title> 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
  <script type="text/javascript">
   //10分钟倒计时
   var end_time = new Date().getTime()+10*60*1000; //结束的时刻
   var now_time = new Date();        //现在时刻
   var distance_tiem = end_time - now_time.getTime(); //相隔时间(毫秒)
   setTimeout("showTime()",1000);
   function showTime(){
    var timer = document.getElementById("timer");
    now_time = new Date();
    distance_tiem = end_time- now_time.getTime();
    if(distance_tiem>0){
   var int_day = Math.floor(distance_tiem/(24*60*60*1000))
   distance_tiem -= int_day*(24*60*60*1000);
   var int_hour = Math.floor(distance_tiem/(60*60*1000))
   distance_tiem -= int_hour*(60*60*1000);
   var int_minute = Math.floor(distance_tiem/(60*1000))
   distance_tiem -= int_minute*(60*1000);
   var int_second = Math.floor(distance_tiem/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;
     var str_time = int_day+"天"+int_hour+"小时"+int_minute+"分钟"+int_second+"秒";
    timer.innerHTML = str_time;
   setTimeout("showTime()",1000);
   }else{
    timer.innerHTML = timer.innerHTML;
  }
   }
  </script>
 
  <body>
    <div id="timer"></div>
  </body>
</html>

posted on 2013-01-28 16:22  路边的野花使劲踩  阅读(179)  评论(0)    收藏  举报