He escrito una función de JavaScript que usa setInterval para manipular una cadena cada décima de segundo durante un cierto número de iteraciones.
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);
};
En lugar de tener el intervalo establecido en un número específico, me gustaría actualizarlo cada vez que se ejecuta, basado en un contador. Entonces en lugar de:
var interval = setInterval(function() { ... }, 100);
Sería algo así como:
var interval = setInterval(function() { ... }, 10*counter);
Lamentablemente, eso no funcionó. Parecía que "10 * counter" es igual a 0.
Entonces, ¿cómo puedo ajustar el intervalo cada vez que se ejecuta la función anónima?