clearInterval 不删除 setInterval function

Question

我正在尝试创建一个 setInterval function 来检查单击事件后是否存在元素。 setInterval 工作正常，但使用 clearInterval 时我无法清除它。 所以我想要实现的是，一旦元素存在，它应该停止运行 setInterval function。 但是，一旦元素加载到页面上，function 就会继续运行。 我的代码如下

editStore()?.addEventListener('click', () => {
      const firstInterval = () =>
        setInterval(function () {
            intervalFunc()
        }, 500)
      const intervalFunc = () => {
        if (newSearchStore()) {
          console.log('new search store')
          clearInterval(firstInterval())
        }
      }
      firstInterval()
    })

我在这里做错了什么？ 任何帮助将非常感激。

提前致谢！

Answer 1

您通过运行firstInterval两次来创建两个不同的间隔 ID。

editStore()?.addEventListener('click', () => {
  // declare variable
  let intervalID;
  const firstInterval = () => {
    // assign setInterval's result
    intervalID = setInterval(function () {
      intervalFunc()
    }, 500)
  }
  const intervalFunc = () => {
    if (newSearchStore()) {
      console.log('new search store')
      // use variable to clear interval
      clearInterval(intervalID)
    }
  }
  firstInterval()
})