JavaScriptのループ設定タイマー

Question

JavaScriptでタイマーベースのループを設定したい。

for (var i = 0; i < 20; i++) { 
    console.log(i) 
} 

私はこのループを毎秒を繰り返し、i（カウンタ）の値を表示することができますどのように？

Answer 1

あなたのループを制御したい場合は、再帰

var i = 0; 
function callMe() { 
    var timetowait = 100; 
    // some condition and more login 
i++; 
if(i < 20) { 
    setTimeout(callMe, timetowait); 
} 

} 

callMe(); 

Answer 2

とsetTimeoutを組み合わせることができ、時間を待って、私は、これはあなたが探しているものだと思う：

var counter = 0; 
setInterval(function(){ 
    console.log(counter); 
    counter++; 
},1000); 

Answer 3

var i = 0; 
function myFunc() { 
console.log(i); 
i++; 
if(i == 20) { 
    clearInterval(interval); 
    } 
} 
var interval = setInterval(myFunc, 1000); 

たsetInterval（）メソッドは-指定された間隔（ミリ秒単位）で関数を呼び出したり、式を評価したりします。

setInterval（）メソッドは、clearInterval（）が呼び出されるまで、またはウィンドウが閉じられるまで関数を呼び出し続けます。

Answer 4

あなたもこの方法を試すことができます。

function loop(start, end, delay, fn) { 
    if (start > end) return;  

    function step(){ 
     // callback fn with current iteration and 
     // recursively calls loop 
     fn(start); 
     loop(start + 1, end, delay, fn); 
    } 

    setTimeout(step, delay); 
} 

用法：

loop(1, 20, 1000, console.log)