html 验证码按钮倒计时,单击按钮发送验证码,出现倒计时的简单实例

var InterValObj; //timer变量，控制时间

var count = 30; //间隔函数，1秒执行

var curCount;//当前剩余秒数

function sendMessage() {

curCount = count;

//设置button效果，开始计时

$("#btnSendCode").attr("disabled", "true");

$("#btnSendCode").val(curCount + "秒后可重新发送");

InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次

//请求后台发送验证码 TODO

}

//timer处理函数

function SetRemainTime() {

if (curCount == 0) {

window.clearInterval(InterValObj);//停止计时器

$("#btnSendCode").removeAttr("disabled");//启用按钮

$("#btnSendCode").val("重新发送验证码");

}

else {

curCount--;

$("#btnSendCode").val(curCount + "秒后可重新发送");

}

}