Question

以下是一个示例情况。

var count,
    time = 1000;

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

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

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

Answer 1

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

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

演示here

更短的版本是：

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);
});

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

4 个答案: