在运行时更改SetInterval的间隔

Question

在运行时更改SetInterval的间隔我编写了一个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。那么，如何在每次运行匿名函数时调整间隔？

Answer 1

使用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);

Answer 2

您可以使用匿名函数：

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