html设置验证码倒计时
时间: 2023-11-16 14:47:47 浏览: 32
你可以使用 JavaScript 实现验证码倒计时,以下是一个简单的例子:
HTML 代码:
```html
<input type="text" id="captcha" placeholder="验证码">
<button id="captcha-btn" onclick="sendCaptcha()">获取验证码</button>
```
JavaScript 代码:
```javascript
var countdown = 60; // 倒计时时间
function sendCaptcha() {
var btn = document.getElementById('captcha-btn');
// 发送验证码的逻辑
// ...
// 开始倒计时
btn.disabled = true;
var timer = setInterval(function() {
if (countdown == 0) {
btn.disabled = false;
btn.innerHTML = "获取验证码";
countdown = 60;
clearInterval(timer);
} else {
btn.innerHTML = "重新发送(" + countdown + ")";
countdown--;
}
}, 1000);
}
```
这个例子中,点击按钮会触发 `sendCaptcha` 函数,发送验证码的逻辑可以在该函数中实现。同时,该函数会启动一个计时器,每秒更新按钮上的文本,直到倒计时结束。