PROMULGATOR
。oO
NO- Html
- Css
- Js
/* 发送按钮禁止样式 */
.sentBtn.disabled {
background-color:#CCC !important;
cursor:not-allowed !important;
}
/* 发送按钮样式 */
.sentBtn {
min-width:100px;
padding:5px;
border:none;
color:#FFF;
background-color:#83EBF0;
border-radius:4px;
cursor:pointer;
}
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.7.2
立即下载
jquery短信验证码倒计时
代码描述：jquery发送短信验证码按钮点击倒计时
更新时间：2020-03-08 11:03:17
（可直接套用在任何地方，不冲突）简洁明了
5
失 落。0
2020/3/16 16:41:14
-
没有屏蔽点击事件
。oO0
2020/3/16 17:01:14
var flag = true; //解决连续点击事件bug
$('.sentbtn').click(function() {
if (flag == true) {
$(this).addclass("disabled"); //点击获取验证码后，禁用该按钮，开始倒计时
flag = false;
var time = 3; //倒计时时间，自定义
var $this = $(this); //备份，定时器是异步的，此this非彼this
var timer = setinterval(function() {
time--; //开始倒计时
if (time == 0) { //当倒计时为0秒时，关闭定时器，更改按钮显示文本并设置为可以点击
clearinterval(timer);
$this.val('获取验证码');
$this.removeclass("disabled");
flag = true;
return;
}
$this.val('还剩' + time + "秒"); //显示剩余秒数
}, 1000); //定时器一秒走一次，每次减一，就是倒计时了
} else {
return;
}
});
