在运行时更改 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*counter”等于0。

那么，如何调整匿名函数每次运行的时间间隔呢？

您可以使用匿名函数：

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