倒计时代码

Silver Lee:对原有倒计时的js(只可以分钟和秒钟)进行了进一步拓展,可以表现天、时、分、秒。

通过了测试

<head runat="server">
    <title>无标题页</title>
    <script   language="javascript">  
  var   time;
  var   Day=3;
  var   Hour=2; 
  var   Min=60;  
  var   Sec=0;  
  var   flag=false;  
  function   Start()  
  {  
      if(Min==-10)  
      {  
          Min=Min+1;  
          Sec=Sec+1;  
      }  
      else  
      {  
          if(flag==false)  
          {  
              //初始化值
              Days=document.Form1.elements["Days"].value;  
              Hour=document.Form1.elements["HourTime"].value;
              Min=document.Form1.elements["SurplusTime"].value;  
              Sec=document.Form1.elements["SecondTime"].value;  
              flag=true;  
          }  
          else  
          {  
              Sec=Sec-1;//减1秒              
              if(Days==0&&Hour==0&&Min==0&&Sec==0)  
              {  
                TimeOver(); //达到最后一秒,停止运行了
              }  
              else  
              {  
                  if(Sec==-1)//0秒的时候,减1分钟,秒回到59
                  {  
                      Min=Min-1;
                      Sec=59;
                      if(Min==-1)
                      {
                        Hour=Hour-1;
                        Min=59;
                        if(Hour==-1)
                        {
                            Days=Days-1;
                            Hour=23;
                        }
                      } 
                  }  
              }  
           }  
     
          //1位数补零
          document.Form1.elements["Days"].value=Days; 
          if(Hour<10)  
          {  
              document.Form1.elements["HourTime"].value="0"+Hour;             
          }  
          else  
          {  
              document.Form1.elements["HourTime"].value=Hour;            
          }
         
          if(Min<10)  
          {  
              document.Form1.elements["SurplusTime"].value="0"+Min;             
          }  
          else  
          {  
              document.Form1.elements["SurplusTime"].value=Min;            
          } 
         
          if(Sec<10)  
          {  
              document.Form1.elements["SecondTime"].value="0"+Sec;  
          }  
          else  
          {  
              document.Form1.elements["SecondTime"].value=Sec;  
          }  
       
     }  
     setTimeout("Start()",1000);  
    }  
  </script>
</head>
<body onload="Start()">
    <form id="Form1" runat="server">
    <div>
    <INPUT   id="Days"   type="text"   size="1"   name="Days"   runat="server"   value="6"><FONT   face="宋体">天:</FONT><INPUT   id="HourTime"   type="text"   size="1"   value="1"   name="HourTime"   runat="server"><FONT   face="宋体">时</FONT>
    <INPUT   id="SurplusTime"   type="text"   size="1"   name="SurplusTime"   runat="server"   value="0"><FONT   face="宋体">分:</FONT><INPUT   id="SecondTime"   type="text"   size="1"   value="8"   name="SurplusTime"   runat="server"><FONT   face="宋体">秒</FONT>
    </div>
    </form>
</body>

posted @ 2009-11-05 14:26  Silver.Lee  阅读(339)  评论(0编辑  收藏  举报