javascript - 在 setInterval / setTimeout 中使用变量作为时间

Question

这是一个示例情况。

var count,
    time = 1000;

setInterval(function(){
    count += 1;
}, time);

上面的代码会将“count”变量加 1，即 1000 毫秒。似乎 setInterval 在触发时将使用它在执行时看到的时间。如果该值稍后更新，它将不会考虑这一点，并将继续按照设置的初始时间触发。

如何动态更改此方法的时间？

Answer 1

使用 setTimeout 代替回调和变量而不是数字。

function timeout() {
    setTimeout(function () {
        count += 1;
        console.log(count);
        timeout();
    }, time);
};
timeout();

演示在这里

较短的版本是：

function periodicall() {
    count++;
    setTimeout(periodicall, time);
};
periodicall();

Answer 2

尝试：

var count,
    time = 1000,
    intId;
function invoke(){

    intId = setInterval(function(){
        count += 1;
        if(...) // now i need to change my time
        {
           time = 2000; //some new value
           intId = window.clearInterval(intId);
           invoke();
        }
    }, time);

}

invoke();

您不能动态更改间隔，因为它设置一次，然后您不会再次重新运行 setInterval 代码。那么你可以做什么来清除间隔并再次将其设置为运行。您也可以使用类似的逻辑，但使用 setTimeout 您需要每次都注册超时，除非您想在两者之间中止，否则您setTimeout可能不需要使用。clearTimeout如果您每次都更改时间，那么 setTimeout 更有意义。

var count,
time = 1000;

function invoke() {
    count += 1;
    time += 1000; //some new value
    console.log('displ');
    window.setTimeout(invoke, time);
}
window.setTimeout(invoke, time);

Answer 3

您不能（据我所知）动态更改间隔。我建议用回调来做到这一点：

var _time = 1000,
_out,
_count = 0,
yourfunc = function() {
    count++;
    if (count > 10) {
        // stop
        clearTimeout(_out); // optional
    }
    else {
        // your code
        _time = 1000 + count; // for instance
        _out = setTimeout(function() {
            yourfunc();
        }, _time);
    }
};

Answer 4

整数在 JavaScript 中不是通过引用传递的，这意味着无法通过更改变量来更改间隔。

只需取消 setInterval 并使用新时间重新启动它。

示例可以在这里找到：http: //jsfiddle.net/Elak/yUxmw/2/

var Interval;

(function () {
    var createInterval = function (callback, time) {
        return setInterval(callback, time);
    }

    Interval = function (callback, time) {
        this.callback = callback;
        this.interval = createInterval(callback, time);
    };

    Interval.prototype.updateTimer = function (time) {
        clearInterval(this.interval);
        createInterval(this.callback, time);
    };

})();

$(document).ready(function () {
    var inter = new Interval(function () {
        $("#out").append("<li>" + new Date().toString() + "</li>");
    }, 1000);

    setTimeout(function () {
        inter.updateTimer(500);
    }, 2000);
});