javaScript中的setInterval和clearInterval

Question

let count = 0;

function printCount() {
  console.log("Count:", count);
  count++;

  if (count > 5) {
    clearInterval(intervalId);
  }
}

let intervalId = setInterval(printCount, 1000); clearInterval(intervalId);

我不明白为什么它不能在 Google Chrome 控制台上运行。你能帮我吗？

Answer 1

clearInterval(intervalId)

；该行位于

setInterval

函数之后，因此设置后会立即清除间隔。

尝试删除

clearInterval(intervalId);

调用之外的

setInterval

行，它应该按预期工作：

let count = 0;

function printCount() {
  console.log("Count:", count);
  count++;

  if (count > 5) {
    clearInterval(intervalId);
  }
}

let intervalId = setInterval(printCount, 1000);
// clearInterval(intervalId); // Remove this line

现在，间隔应继续运行，直到计数大于 5。

Answer 2

clearInterval 在 setInterval 之后立即执行。 下面可能是工作

let count = 0;

function printCount() {
  console.log("Count:", count);
  count++;

  if (count > 5) {
    clearInterval(intervalId);
  }
}

let intervalId = setInterval(printCount, 1000);