为什么我的'setInterval”回调只运行一次？

单次执行setInterval回调：

考虑以下旨在创建计数器的代码：

function timer() {
  console.log("timer!")
}

window.setInterval(timer(), 1000)

但是，此代码仅执行计时器函数一次。让我们深入研究一下为什么会出现这个问题以及如何解决。

出现这个问题是因为 setInterval 的第一个参数应该是函数引用，而不是函数调用。在上面的代码中，timer() 被立即调用，返回 undefined。因此，setInterval 设置为以 1000 毫秒的间隔调用 undefined，这导致单次执行而不是连续循环。

为了纠正这个问题，我们需要传递函数引用而不是调用函数。下面是更正后的代码：

function timer() {
  console.log("timer!");
}

window.setInterval(timer, 1000);

在这个更正后的版本中，计时器作为引用传递，允许 setInterval 以指定的时间间隔调用它。

或者，我们可以使用匿名函数作为回调：

window.setInterval( function() {
  console.log("timer!");
}, 1000)

这种方法更短，但当函数变得更多时，可读性可能会降低复杂。

通过实施这些更改，计时器函数现在将按照所需的时间间隔重复执行，确保计数器连续运行。

以上是为什么我的'setInterval”回调只运行一次？的详细内容。更多信息请关注PHP中文网其他相关文章！