jquery 点击按钮后,倒计时60秒才能再次点击发送
更新时间:2013-05-18 16:47 作者:佚名点击:
例
代码如下 |
|
<input type="button" id="btn" value="免费获取验证码" />
<script type="text/javascript">
var wait=60;
function time(o) {
if (wait == 0) {
o.removeAttribute("disabled");
o.value="免费获取验证码";
wait = 60;
} else {
o.setAttribute("disabled", true);
o.value="重新发送(" + wait + ")";
wait--;
setTimeout(function() {
time(o)
},
1000)
}
}
document.getElementById("btn").onclick=function(){time(this);}
</script>
|
或者这样写
代码如下 |
|
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />
<script type="text/javascript">
var countdown=60;
function settime(val) {
if (countdown == 0) {
val.removeAttribute("disabled");
val.value="免费获取验证码";
countdown = 60;
} else {
val.setAttribute("disabled", true);
val.value="重新发送(" + countdown + ")";
countdown--;
}
setTimeout(function() {
settime(val)
},1000)
}
</script>
|
有需要js倒计时的朋友也可参考
代码如下 |
|
<script>
i=9
function change()
{
i--;
p.value="同意"+i
if(i==0)
{ p.disabled=false}
else
setTimeout("change()",1000)
}
window.onload=change;
</script>
<input type=button name=p disabled></font>
<a href="http://www.45it.nett/">进入45it.net</a>
|
|
------分隔线----------------------------