.btn {
width:120px;
height:40px;
float:left;
color: white;
background-color: #3498db;
border-radius: 6px;
text-align: center;
text-decoration: none;
}
<input type="button" class="btn" value="获取验证码" onclick="clickButton(this)" />
function clickButton(obj){
var obj = $(obj);
obj.attr("disabled","disabled");
var time = 60;
var set=setInterval(function(){
obj.val(--time+"(s)");
}, 1000);
setTimeout(function(){
obj.attr("disabled",false).val("重新获取验证码");
clearInterval(set);
}, 60000);
}
本文介绍了一种使用HTML和JavaScript实现的验证码按钮倒计时功能。通过设置按钮的禁用状态和显示剩余时间,实现了获取验证码后的倒计时重新发送机制。此功能常见于注册登录等场景。
1700

被折叠的 条评论
为什么被折叠?



