文本框依次显示代码
我想要三个文本框,打开页面的时候是是灰色不可输入狀态,在打开5秒后第一个文本框恢复(即可输入的狀态),10秒后第二个文本框恢复,15秒后第三个文本框恢复。该怎么写?
程序代码: <script language="javascript">
var Sec=0;
var disabledTime;
function Page_Load(){
disabledTime=window.setTimeout("Page_Load()",1000);
Sec++;
var input=document.getElementById("form1").getElementsByTagName("input");
for(var i=0;i<input.length;i++){if(input[i].disabled) input[i].value="已经过去了:"+Sec+"秒";}
switch(Sec){
case 5: input[0].disabled=false; input[0].value=""; break;
case 10: input[1].disabled=false; input[1].value=""; break;
case 15: input[2].disabled=false; input[2].value=""; window.clearTimeout(disabledTime); break;
}
}
</script>
<body onLoad="Page_Load();">
<form method="POST">
<table border="0" width="100%" id="table8" cellspacing="1" cellpadding="5" bgcolor="#CCCCCC">
<tr>
<td bgcolor="#FFFFFF" align="center" colspan="2">
<input type="text" name="InpTxt" disabled >文本框0<br>
<input type="text" name="InpTxt" disabled >文本框1<br>
<input type="text" name="InpTxt" disabled >文本框2<br>
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" align="center" colspan="2">
<input type="submit" value=" 提交" name="B1"></td>
</tr>
</table>
<input type="hidden" name="mm" value="1">
</form>
</body>