Javascript 停止 setInterval

在Javascript中，我们可以使用setInterval函数来周期性地执行某一段代码。但有时候，我们需要停止或暂停这个周期性执行的过程。本文将介绍如何在Javascript中停止使用setInterval函数。

使用 clearInterval 函数

要停止一个使用setInterval函数执行的周期性代码，我们可以使用clearInterval函数。这个函数需要一个参数，即setInterval函数返回的计时器ID。

下面是使用setInterval函数执行一个输出当前时间的代码，并通过按钮调用clearInterval函数停止计时器的例子。

// 用 setInterval 输出当前时间
var timer = setInterval(function() {
  console.log(new Date());
}, 1000);

// 停止计时器
var btn = document.getElementById("stopBtn");
btn.addEventListener("click", function() {
  clearInterval(timer);
});

在上面的例子中，我们首先使用setInterval函数每隔一秒钟输出当前时间。然后我们定义一个停止按钮，通过addEventListener函数将停止计时器的代码绑定到按钮的点击事件上。当用户点击按钮时，clearInterval函数将被调用，并且计时器将被停止。

结论

使用clearInterval函数可以在Javascript中停止使用setInterval函数执行的周期性代码。我们可以通过获取setInterval函数返回的计时器ID，并将它作为参数传递给clearInterval函数来停止计时器。