我已经编写了一个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()代替。然后,回调将负责引发下一个超时,此时您可以增加或以其他方式操纵计时。
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);