javascript show dans le cycle avec un retard

Question

Exemple simple:

for (var i = 0; i < 10; ++i) { 
    console.log(i); // <--- should be show with delay in 300ms 
} 

setTimeout simple en utilisant bien sûr ne fonctionne pas ... Je pense qu'il ya des fermetures devraient utiliser ..

Answer 1

devrait faire le travail:

for (var i = 0; i < 10; ++i) { 
    (function(i) { 
    setTimeout(function(){console.log(i);}, i*300); 
    })(i); 
} 

Answer 2

Il est une simple question d'écriture une fonction récursive:

function display(i) 
{ 
    if (i == 10) return;  
    setTimeout(function(){ console.log(i); display(i+1); }, 300); 
} 

Answer 3

Vous pouvez utiliser setInterval, comme ceci:

var i = 0; 
var id = setInterval(function(){ 
    if (i == 9) clearInterval(id); 
    console.log(i); 
    i++; 
}, 300); 

Exemple ici http://jsfiddle.net/MLWgG/2/