<input type="text" placeholder="请输入短信验证码" /><button id="yzm">获取验证码</button>
<script>
var _yzm = document.getElementById("yzm"); //获取验证码按钮
var time = 59;
// 注册单击事件
_yzm.addEventListener('click', function() {
// 禁用按钮
_yzm.disabled = true;
// 开启定时器
var timer = setInterval(function() {
// 判断剩余秒数
if (time == 0) {
// 清除定时器和复原按钮
clearInterval(timer);
_yzm.disabled = false;
_yzm.innerHTML = '获取验证码';
} else {
_yzm.innerHTML = `重新发送(${time}s)`;
time--;
}
}, 1000);
});
</script>
js点击获取验证码并倒计时60s
最新推荐文章于 2024-04-29 10:40:41 发布