js实现54321倒数

实现54321倒数的JavaScript代码

使用setInterval实现倒计时功能，从5倒数到1：

let count = 5;
const countdown = setInterval(() => {
  console.log(count);
  count--;
  if (count < 0) {
    clearInterval(countdown);
    console.log("倒计时结束！");
  }
}, 1000);

使用for循环实现立即输出

如果需要立即输出所有数字（无延迟）：

for (let i = 5; i >= 1; i--) {
  console.log(i);
}
console.log("倒计时结束！");

结合DOM操作的实现

在网页上显示倒计时：

<div id="countdown"></div>
<script>
  let count = 5;
  const element = document.getElementById("countdown");
  const timer = setInterval(() => {
    element.textContent = count;
    count--;
    if (count < 0) {
      clearInterval(timer);
      element.textContent = "倒计时结束！";
    }
  }, 1000);
</script>

使用async/await的实现

通过异步函数实现更可控的倒计时：

async function startCountdown() {
  for (let i = 5; i >= 0; i--) {
    await new Promise(resolve => setTimeout(resolve, 1000));
    console.log(i > 0 ? i : "倒计时结束！");
  }
}
startCountdown();

注意事项

• 时间间隔单位是毫秒（1000毫秒=1秒）
• 清除定时器使用clearInterval
• 实际应用中建议添加错误处理逻辑