获取验证码按钮 点击后开始倒计时
程序员文章站
2024-01-07 21:18:58
...
<script src="/jquery-2.1.4.min.js"></script>
<!-- 引入bootstrap -->
<link rel="stylesheet" href="/bootstrap.min.css">
<script>
var countdown = 10;
//发送验证码倒计时方法
function setTime(obj) {
if (countdown == 0) {
obj.attr('disabled', false);
//obj.removeattr("disabled");
obj.html("获取验证码");
countdown = 10;
return;
} else {
obj.attr('disabled', true);
obj.html("重新发送(" + countdown + ")");
countdown--;
}
setTimeout(function () {
setTime(obj)
}
, 1000)
}
//文档内容加载完成
$(function(){
//点击获取验证码后,执行倒计时方法
$("#getNum").click(function(){
setTime($(this));
});
})
</script>
<div class="text-center">
<button type="button" value="获取" class="btn btn-info btn-lg getNum" id="getNum">获取验证码</button>
</div>