1、html
<button id="sms">获取验证码</button>
2、jq
var InterValObj; //timer变量,控制时间
var count = 60; //间隔函数,1秒执行
var curCount;//当前剩余秒数
$('#sms').on('click',function(){
curCount = count;
//设置button效果,开始计时
$("#sms").attr("disabled", "disabled");
$("#sms").addClass('disable');
InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次
});
function SetRemainTime() {
if (curCount == 0) {
window.clearInterval(InterValObj);//停止计时器
$("#sms").removeAttr("disabled");//启用按钮
$("#sms").removeClass('disable');
$("#sms").text("重新获取");
}else {
curCount--;
$("#sms").text("" + curCount + "s后获取");
}
}