javascript - 当达到 0 时，我将如何在这里使用 clearInterval() 来停止计时器？

Question

这是一个简单的计时器，当计时器达到0时，我将如何在这段代码中实现clearInterval()？目前是无限的。

const start = 0.1; //6 seconds
let time = start * 60;

const count = document.querySelector('#countdown-timer');
const interval = setInterval(updateTimer, 1000);

function updateTimer() {
  const minutes = Math.floor(time / 60);
  let seconds = time % 60;

  seconds = seconds < 10 ? '0' + seconds : seconds;
  count.innerHTML = `${minutes}:${seconds}`;
  time--;
}

<span id="countdown-timer"></span>

标签： javascriptsetintervalclearinterval

Answer 1

像这样

您还可以简化填充

const start = 0.1; //6 seconds
let time = start * 60;

const count = document.querySelector('#countdown-timer');
const interval = setInterval(updateTimer, 1000);

function updateTimer() {
  if (time<=0) clearInterval(interval)
  const minutes = Math.floor(time / 60);
  let seconds = time % 60;
  count.innerHTML = `${minutes}:${String(seconds).padStart(2,'0')}`;
  time--;
}

<span id="countdown-timer"></span>