1.使用setTimeout方法
<script type="text/javascript">
var countdown=60;
function sendemail(){
var obj = $("#btn");
settime(obj);
}
function settime(obj) { //发送验证码倒计时
if (countdown == 0) {
obj.attr('disabled',false);
//obj.removeattr("disabled");
obj.val("免费获取验证码");
countdown = 60;
return;
} else {
obj.attr('disabled',true);
obj.val("重新发送(" + countdown + ")");
countdown--;
}
setTimeout(function() {
settime(obj) }
,1000)
}
</script>
<input type="button" id="btn" value="免费获取验证码" onclick="sendemail()" />
2.使用setInterval方法:
var num = 60;
var i = setInterval(function() {
num--;
$("#sendCode").attr("disabled", true); //定时器启动将按钮设置为不可用
$("#sendCode").text(num+"秒后重新发送"); //改变button的文本内容
if (num ==0){ //倒计时结束,让按钮能够继续点
clearInterval(i); //清除定时器
$("#sendCode").text("获取验证码"); //此时定时器文本内容为重新获取
$("#sendCode").attr("disabled", false);//将按钮重新设好
}
}, 1000);