JS控制按钮10秒钟后可用的方法
编程学习 2021-07-04 21:04www.dzhlxh.cn编程入门
这篇文章主要介绍了JS控制按钮10秒钟后可用的方法,涉及JavaScript基于时间函数控制页面元素样式动态变换的技巧,需要的朋友可以参考下
本文实例讲述了JS控制按钮10秒钟后可用的方法。分享给大家供大家参考，具体如下：
<script language="javascript">
function start()
{
document.getElementById("Button1").disabled = true;
document.getElementById("Button1").value = 10;
window.setTimeout("tick()",1000);
}
function tick()
{
var time = new Number(document.getElementById("Button1").value);
if(time>0)
{
document.getElementById("Button1").value = time-1;
window.setTimeout("tick()",1000);
}
else
{
document.getElementById("Button1").disabled = false;
document.getElementById("Button1").value = "保存";
}
}
</script>
<form>
<INPUT TYPE="button" NAME="Button1" id="Button1">
</form>
<script language=javascript>
start();
</script>
希望本文所述对大家JavaScript程序设计有所帮助。