设置倒计时10秒可用的按钮JS函数(转)
2011-01-13 10:59
513 查看
方式一:
方式二:
<input value="同 意" type="submit" name="rulesubmit" /> <script> var secs = 9; var wait = secs * 1000; document.bbrules.rulesubmit.value = "同 意(" + secs + ")"; document.bbrules.rulesubmit.disabled = true; function update(num) { if(num == (wait/1000)) { document.bbrules.rulesubmit.value = "同 意";} else { var printnr = (wait / 1000) - num; document.bbrules.rulesubmit.value = "同 意(" + printnr + ")";} } function timer() { document.bbrules.rulesubmit.disabled = false; document.bbrules.rulesubmit.value = "同 意";} for(i = 1; i<= secs; i++) { window.setTimeout("update(" + i + ")",i * 1000); } window.setTimeout("timer()", wait); </script>
方式二:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>按钮倒计时</title> </head> <body> <p> <label><input type="submit" name="btnSubmit" id="btnSubmit" value="提交" /> </label> </p> </body> <script language="javascript"> var n = 10;//计数器 //document.all.btnSubmit.disabled = true; document.getElementById("btnSubmit").disabled = true; function btnShow() { str = "倒计时..."; n--; if(n <= 0) { document.getElementById("btnSubmit").value = "提交"; document.getElementById("btnSubmit").disabled = false; } else { document.getElementById("btnSubmit").value = str + n +"秒"; } } window.setInterval(btnShow,1000); </script> </html> |
相关文章推荐
- js按钮点击后几秒内不可用 按钮倒计时禁用
- JS实现自动倒计时30秒后按钮才可用
- JS设置页面按钮可用不可用
- JS自动倒计时30秒后按钮才可用(两种场景)
- JS实现自动倒计时30秒后按钮才可用
- JS自动倒计时30秒后按钮才可用(两种场景)
- 按钮10秒可用倒计时
- JS中设置按钮不可用的disabled属性
- JS设置 按钮为可用和不可用两种状态
- js实现模拟自动点击按钮,并且在10秒倒计时之后疯狂点击
- JS设置页面按钮为可用和不可用状态
- JS实现自动倒计时30秒后按钮才可用
- Angular.js实现获取验证码倒计时60秒按钮的简单方法
- Js倒计时10秒系统自动提交
- JS设置和读取Cookie的函数
- JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
- JS从类内部设置timer调用类本身的函数
- JS封装cookie操作函数实例(设置、读取、删除)
- mfc ribbon中的按钮设置了子项后需添加一个空的响应函数才能使之able
- js 倒计时写法(三种:倒计时发送,倒计时时间,倒计时可用)