18 行 JavaScript 打造倒数计时器

在 JavaScript 的世界里，仅仅用 18 行代码就能创建一个实用的倒数计时器。这不仅展示了 JavaScript 的强大功能，也为我们的网页和应用增添了动态和交互性。

让我们来看看核心的代码部分。

function countdown(minutes, seconds) {
  let totalSeconds = minutes * 60 + seconds;
  let timer = setInterval(() => {
    let minutesLeft = Math.floor(totalSeconds / 60);
    let secondsLeft = totalSeconds % 60;
    console.log(`${minutesLeft}:${secondsLeft < 10? '0' + secondsLeft : secondsLeft}`);
    if (--totalSeconds < 0) {
      clearInterval(timer);
      console.log('倒计时结束！');
    }
  }, 1000);
}

countdown(5, 0);  // 示例：设置 5 分钟的倒计时

在上述代码中，我们定义了一个名为 countdown 的函数，它接受分钟和秒作为参数。通过计算总秒数，然后使用 setInterval 方法每秒更新剩余的时间，并在控制台输出。当倒计时结束时，使用 clearInterval 清除定时器。

接下来，让我们深入剖析一下这段代码的工作原理。

totalSeconds 变量用于存储总的秒数，通过将输入的分钟数乘以 60 再加上秒数得到。在每次定时器触发时，我们计算剩余的分钟和秒数，并进行适当的格式化输出。如果总秒数小于 0，说明倒计时结束，此时清除定时器并输出提示信息。

这种简单而高效的倒数计时器在很多场景中都能派上用场。比如，在在线考试中限制答题时间，或者在活动页面上显示距离活动开始或结束的剩余时间。

通过这 18 行简洁明了的 JavaScript 代码，我们能够轻松实现倒数计时的功能，为用户提供更直观和紧张的体验。无论是用于个人项目还是商业应用，都能为页面增添一份独特的魅力和实用性。

希望您能通过这篇文章，更好地理解和运用 JavaScript 来创建属于自己的倒数计时器，为您的编程之旅增添更多的精彩和可能。