js写一个倒计时获取验证码
时间: 2024-06-12 10:10:39 浏览: 100
js 获取验证码倒计时
5星 · 资源好评率100%
好的,以下是一个简单的倒计时获取验证码的 JavaScript 代码:
```javascript
let countDown = 60; // 倒计时时间
let timer = null; // 定时器
function sendCode() {
// 发送验证码的逻辑
// ...
// 开始倒计时
timer = setInterval(() => {
if (countDown > 0) {
countDown--;
// 更新倒计时显示
document.getElementById('countdown').innerText = countDown;
} else {
clearInterval(timer);
// 倒计时结束后的逻辑
// ...
}
}, 1000);
}
```
在 HTML 中需要有一个显示倒计时的元素,例如:
```html
<div>倒计时 <span id="countdown">60</span> 秒</div>
<button onclick="sendCode()">获取验证码</button>
```
阅读全文