javascript - setInterval 仅触发一次

Question

这个问题已经有答案了:

Why does the setInterval callback execute only once? (2 个回答)

已关闭 11 个月前。

我正在尝试创建一个自包含的计时器，其中所有变量都位于一个对象内。

在大多数情况下，它可以工作，但我可以让它触发一次。我错过了什么？

    function Countdown()
    {
        this.appId = null;
        this.timerId = null;
        this.seconds = null;

        this.decrementCounter = function (instant)
        {
            if (instant == null)
                return;

            instant.tick();
            if (instant.seconds === 0)
            {
                instant.tickEnd();
                instant.stop();
            }
            instant.seconds--;
        };
        this.tick = function ()
        {
            var xx = this.appId
        };
        this.tickEnd = function ()
        {
            var xx = this.appId
        };
        this.start = function ()
        {
            clearInterval(this.timerId);
            this.timerId = setInterval(this.decrementCounter(this), 1000);
        };
        this.stop = function ()
        {
            clearInterval(this.timerId);
        };
    }

Answer 1

我稍微修改了您的代码，并将包含 setInterval 的行更改为:

this.timerId = setInterval((function(scope) {
  return function() {
    scope.decrementCounter(scope);
  };
})(this), 1000);

函数在setInterval内部运行，在window范围内运行。它只运行一次，因为您不会仅传递函数本身的结果。您需要返回实际的函数或传递调用它的匿名函数。

jsfiddle 演示:http://jsfiddle.net/2gLdL/1/