jquery stop setinterval on click

在jQuery中停止 setInterval 计时器可以使用 clearInterval 函数,该函数需要一个参数,即要停止的计时器ID。因此,在点击事件发生时,您可以通过使用 clearInterval 函数来停止 setInterval 计时器。以下是一个示例代码:

// 定义计时器ID
var timerId = setInterval(function() {
  console.log('Hello World!');
}, 1000);
// 点击事件处理程序
$('#stop-btn').click(function() {
  // 停止计时器
  clearInterval(timerId);

在上面的代码中,我们首先定义了一个setInterval计时器,它每隔1秒钟打印一次“Hello World!”。然后,在按钮点击事件的处理程序中,我们使用clearInterval函数停止了计时器。要停止计时器,我们需要传递setInterval返回的计时器ID作为clearInterval函数的参数。

在实际应用中,您可以将上面的代码替换为您自己的逻辑,例如更改页面元素或执行其他操作。无论如何,重要的是要在点击事件处理程序中使用clearInterval函数停止计时器,以确保计时器不会在页面加载之外继续运行。

  •