<button>发送</button>
<span>5秒之后获取验证码</span>
<script>
var btn = document.querySelector('button');
var txt = document.querySelector('span');
var num = 5;
btn.onclick = function () {
this.disabled = true; //设置按钮不可用
var myId = setInterval(function () {
num--;
if (num > 0) {
txt.innerHTML = `${num}秒之后获取验证码`;
} else {
txt.innerHTML = `重获验证码`;
btn.disabled = false;//设置按钮可用
clearInterval(myId);
}
}, 1000)
}
</script>
js 动态改变disabled状态
最新推荐文章于 2023-04-04 14:15:30 发布