js发送验证码倒计时_gett_资讯

在JavaScript中实现发送验证码的倒计时功能，可以通过使用setTimeout函数来实现。下面是一个简单的例子，展示了如何实现这个功能。

js发送验证码倒计时

HTML部分：

<button id="sendCodeBtn" onclick="sendVerificationCode()">发送验证码</button>
<div id="countdown">60</div> <!-- 用于显示倒计时的数字 -->

JavaScript部分：

let countdown = 60; // 设置倒计时的总时间（秒）
let intervalId; // 用于存储setInterval的ID，以便后续清除计时器
function sendVerificationCode() {
  // 这里可以添加发送验证码的逻辑，比如向服务器发送请求等
  console.log("发送验证码");
  
  // 开始倒计时
  intervalId = setInterval(() => {
    countdown--; // 每秒倒计时减一
    document.getElementById(’countdown’).textContent = countdown; // 更新显示的倒计时数字
    if (countdown <= 0) { // 当倒计时结束，重置倒计时并可能触发某些操作（比如再次发送验证码）
      countdown = 60; // 重置倒计时为60秒
      // 这里可以添加再次发送验证码的按钮激活逻辑等
      console.log("倒计时结束，可以再次发送验证码");
      clearInterval(intervalId); // 清除计时器
    }
  }, 1000); // 每秒更新一次
}

这个例子中，当用户点击“发送验证码”按钮时，会开始倒计时，倒计时从60秒开始，每秒更新一次显示的数字，直到倒计时结束（0秒），然后重置为60秒，在倒计时期间，用户不能再次点击按钮发送验证码，直到倒计时结束，你可以根据自己的需求调整这个逻辑。