JS控制按钮10秒钟后可用的方法

这篇文章主要介绍了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()
{
  vartime = 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>