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

 更新时间:2015年12月22日 11:40:21   作者:Autumoon  
这篇文章主要介绍了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程序设计有所帮助。

相关文章

  • js怎么判断flash swf文件是否加载完毕

    js怎么判断flash swf文件是否加载完毕

    因为我一直不知道该怎么判断swf文件是否加载完毕,于是想用js来实现这个功能,需要的朋友可以参考下
    2014-08-08
  • JavaScript实现点击图片翻转效果

    JavaScript实现点击图片翻转效果

    这篇文章主要为大家详细介绍了JavaScript实现点击图片翻转效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • 实例浅析js的this

    实例浅析js的this

    本文通过做几个简单的对照实验,根据这几个对照实验的结果,帮助大家理解js的this用法。下面就跟小编一起来看看吧
    2016-12-12
  • IE8对JS通过属性和数组遍历解析不一样的地方探讨

    IE8对JS通过属性和数组遍历解析不一样的地方探讨

    如果是非IE8浏览器例如(IE7、IE9、Chrome、FF,仅测试这几种)通过属性和数组遍历,其结果是一样的,但对于IE8,结果会有一点小小的差异,在IE8下会把原型链扩展方法当做一个属性输出,大家可以测试一下
    2013-05-05
  • 微信小程序全选多选效果实现代码解析

    微信小程序全选多选效果实现代码解析

    这篇文章主要介绍了微信小程序全选多选效果实现代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-01-01
  • JavaScript实现全选或反选功能

    JavaScript实现全选或反选功能

    这篇文章主要为大家详细介绍了JavaScript实现全选或反选功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • js实现获取最新本周周一开始的日期(单周日历卡)

    js实现获取最新本周周一开始的日期(单周日历卡)

    这篇文章主要为大家介绍了js实现获取最新本周周一开始的日期(单周日历卡)示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现

    WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现

    这篇文章主要介绍了WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现,顺带显示和隐藏评论者信息的实现方法,非常实用,需要的朋友可以参考下
    2016-01-01
  • 基于Asp.net与Javascript控制的日期控件

    基于Asp.net与Javascript控制的日期控件

    使用Asp.net+Javascript控制的日期控件,需要的朋友可以参考下。
    2010-05-05
  • JavaScript中的闭包介绍

    JavaScript中的闭包介绍

    这篇文章主要介绍了JavaScript中的闭包介绍,本文讲解了Javacript 闭包、Javscript 闭包与this、Javscript 闭包与读写变量等内容,需要的朋友可以参考下
    2015-03-03

最新评论