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程序设计有所帮助。
相关文章
JavaScript中的console.trace()函数介绍
这篇文章主要介绍了JavaScript中的console.trace()函数详细介绍,console.trace()函数用来打印函数调用的栈信息,需要的朋友可以参考下2014-12-12webpack自动化打包webpack-dev-server的实现
我们每次改完要打包的资源文件,和配置文件都是是输入npx webpack命令手动打包的,本文就来介绍一下webpack自动化打包webpack-dev-server的实现,具有一定的参考价值,感兴趣的可以了解一下2023-07-07
最新评论