记录一个按钮点击后倒计时定时器的功能(常用于短信验证码功能),方便以后查看复用!
//(1)定义按钮点击事件,下面第一句应该在jquery的ready函数
$('#querybbs').click(queryBbs);
//(2)定义timer倒计时定时器
function timer(time) {
var btn = $("#querybbs");
btn.attr("disabled", true); //按钮禁止点击
btn.text(time <= 0 ? "查询" : "" + (time)+"s");
var hander = setInterval(function() {
if (time <= 0) {
clearInterval(hander); //清除倒计时
btn.text("查询");
btn.attr("disabled", false);
return false;
}else {
btn.text("" + (time--)+"s");
}
}, 1000);
}
//(3)点击按钮时,调用查询方法里面开启定时器
function queryBbs() {
timer(30);
.....
}