使用js写一个倒计时按钮
时间: 2023-05-23 09:04:47 浏览: 56
A:
```html
<button id="countdown">倒计时</button>
```
```javascript
// 倒计时时间(秒)
const countdownTime = 60;
// 获取按钮元素
const countdownBtn = document.getElementById("countdown");
// 倒计时函数
function countdown() {
countdownBtn.disabled = true; // 禁用按钮
let timeLeft = countdownTime;
countdownBtn.innerText = `重新获取(${timeLeft--}秒)`;
const timer = setInterval(() => {
countdownBtn.innerText = `重新获取(${timeLeft--}秒)`;
if (timeLeft < 0) {
clearInterval(timer); // 清除定时器
countdownBtn.innerText = "获取验证码";
countdownBtn.disabled = false; // 启用按钮
}
}, 1000);
}
// 点击按钮开始倒计时
countdownBtn.addEventListener("click", countdown);
```
以上是一个简单的倒计时按钮实现,点击按钮后会触发倒计时函数,按钮会禁用,倒计时结束后按钮会重新启用。