倒计时代码
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>