温馨提示×

SetTimer实现倒计时功能

小樊
104
2024-06-29 11:59:36
栏目: 编程语言

在JavaScript中,可以使用setTimeoutsetInterval来实现倒计时功能。以下是一个使用setTimeout来实现倒计时的示例代码:

// 设置倒计时时间(单位:秒)
var countdown = 60;

function timer() {
  // 倒计时结束时停止计时
  if (countdown <= 0) {
    console.log("倒计时结束");
  } else {
    console.log(countdown + " 秒");
    countdown--;
    setTimeout(timer, 1000); // 每隔1秒调用一次timer函数
  }
}

// 开始倒计时
timer();

在上面的代码中,首先设置了倒计时的初始时间为60秒,然后定义了一个名为timer的函数来实现倒计时逻辑。在timer函数中,首先判断倒计时是否结束,如果没有结束则输出当前倒计时的秒数并将秒数减1,然后通过setTimeout函数每隔1秒调用一次timer函数,实现倒计时效果。

你也可以根据实际需求对倒计时的初始时间、倒计时结束后的操作等进行调整。

0