这个 javascript 函数中的 setInterval() 和clearInterval() 有什么问题吗？清除间隔返回未定义

Question

我有以下代码：

var focusIntervalObj = setInterval(function(){
            focusDelayCaused++;
            console.log(focusDelayCaused);
        }, 100);

clearInterval(focusIntervalObj);

我安装了一个萤火虫。

我期望这段代码记录 focusDelayCaused 的值。

但当我执行时，它并没有这样做，而且 clearInterval() 也只是返回未定义。

请指导。

Answer 1

您正在设置间隔并在触发之前清除它。

var focusIntervalObj = setInterval(function(){
        focusDelayCaused++;
        console.log(focusDelayCaused);
        clearInterval(focusIntervalObj);
    }, 100);

这可能就是你的想法。这会更简单：

var focusIntervalObj = setTimeout(function(){
        focusDelayCaused++;
        console.log(focusDelayCaused);
    }, 100);

Answer 2

继续上面的代码，您将在设置间隔后立即清除它。所以它永远没有机会运行。

在满足某种条件后而不是在设置后立即清除间隔会有所帮助。

if (focusDelayCaused>50) {
  clearInterval(focusIntervalObj);
}

Answer 3

如果您希望某个函数执行一次并且不再执行，请在您的情况下使用 setTimeout：

var focusIntervalObj = setTimeout(function(){
            focusDelayCaused++;
            console.log(focusDelayCaused);
        }, 100);