在运行时更改SetInterval的间隔

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (52)

我已经编写了一个javascript函数,它使用setInterval来操作字符串,每十分之一秒就进行一定数量的迭代。

function timer() {
    var section = document.getElementById('txt').value;
    var len = section.length;
    var rands = new Array();

    for (i=0; i<len; i++) {
        rands.push(Math.floor(Math.random()*len));
    };

    var counter = 0
    var interval = setInterval(function() {
        var letters = section.split('');
        for (j=0; j < len; j++) {
            if (counter < rands[j]) {
                letters[j] = Math.floor(Math.random()*9);
            };
        };
        document.getElementById('txt').value = letters.join('');
        counter++

        if (counter > rands.max()) {
            clearInterval(interval);
        }
    }, 100);
};

与其将间隔设置为特定的数字,我想在每次运行时,根据计数器更新它。因此,与其:

var interval = setInterval(function() { ... }, 100);

它应该是这样的:

var interval = setInterval(function() { ... }, 10*counter);

不幸的是,这是行不通的。好像是“10*计数器“等于0。

那么,如何在每次运行匿名函数时调整间隔?

提问于
用户回答回答于

使用setTimeout()相反。然后回调将负责触发下一个超时,此时您可以增加或以其他方式操作时间。

编辑

这里有一个通用函数,您可以使用它为任何函数调用应用“减速”超时。

function setDeceleratingTimeout(callback, factor, times)
{
    var internalCallback = function(tick, counter) {
        return function() {
            if (--tick >= 0) {
                window.setTimeout(internalCallback, ++counter * factor);
                callback();
            }
        }
    }(times, 0);

    window.setTimeout(internalCallback, factor);
};

// console.log() requires firebug    
setDeceleratingTimeout(function(){ console.log('hi'); }, 10, 10);
setDeceleratingTimeout(function(){ console.log('bye'); }, 100, 10);
用户回答回答于

可以使用匿名函数:

var counter = 10;
var myFunction = function(){
    clearInterval(interval);
    counter *= 10;
    interval = setInterval(myFunction, counter);
}
var interval = setInterval(myFunction, counter);

更新:按A.Wolff的建议,使用setTimeout为了避免需要clearInterval

var counter = 10;
var myFunction = function() {
    counter *= 10;
    setTimeout(myFunction, counter);
}
setTimeout(myFunction, counter);

扫码关注云+社区