倒计时代码

改进版倒计时JS代码

最新推荐文章于 2025-09-12 14:04:02 发布

转载最新推荐文章于 2025-09-12 14:04:02 发布 · 77 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/silverLee/archive/2009/11/05/1596645.html

文章标签：

#javascript #ViewUI

本文介绍了一款改进的JavaScript倒计时代码，不仅支持分钟和秒的倒计时，还增加了天数和小时的显示功能。通过该代码，用户可以在网页上实现更全面的倒计时显示。

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>