<body>
<input type="text" placeholder="请填写验证码"><button>获取验证码</button>
//HTML部分
</body>、
//JS部分
<script>
var btn = document.querySelector('button')
var num = 60;
btn.onclick = function() {
var that = this
var timer = setInterval(function() {
num--
console.log(num);
if (num <= 0) {
that.innerHTML = '重新获取'
clearInterval(timer)
that.disabled = false
console.log(num);
} else {
that.innerHTML = '请在' + num + 's后再获取'
console.log(num);
that.disabled = true
}
}, 1000)
}
本文介绍了一个使用JavaScript编写的验证码动态刷新功能，当用户点击按钮时，验证码会每秒减少，直到清零后提示重新获取，同时控制按钮的禁用状态。
239
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
