原生js倒计时功能

<button id="countdown-btn" onclick="startCountdown()">点击开始倒计时</button>

function startCountdown() {
  const btn = document.getElementById('countdown-btn');
  let count = 10; // 倒计时时间,单位为秒
  btn.disabled = true; // 禁用按钮
  btn.innerText = `${count}秒后重新发送`; // 更新按钮文本
  const timer = setInterval(() => {
    count--;
    if (count === 0) {
      clearInterval(timer); // 停止计时器
      btn.disabled = false; // 启用按钮
      btn.innerText = '点击重新发送'; // 更新按钮文本
    } else {
      btn.innerText = `${count}秒后重新发送`; // 更新按钮文本
    }
  }, 1000);
}
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值