cómo detener un bucle de javascript durante un intervalo de tiempo determinado?

Question

estoy usando javascript for loop, para recorrer una matriz en particular y alertar sobre su valor. Quiero que después de cada alerta se detenga durante 30 segundos y luego continúe ... hasta el final del ciclo. mi código va aquí ..

for(var i=0; i<valArray.lenght; i++) 
    { 
     alert("The value ="+valArray[i]); 
     //stop for 30seconds..  
    } 

he utilizado la función setTimeout(), pero no está funcionando ... como final del bucle de iteración, pero no una pausa de 30 segundos de intervalo ... ¿hay alguna otra manera como la función de dormir en PHP?

Answer 1

for (var i = 0; i < valArray.length; i++) 
    (function(i) { 
    setTimeout(function() { 
     alert(valArray[i]); 
    }, i * 30000); 
    })(i); 

Editado para solucionar el problema del lazo de cierre.

Answer 2

No hay función de reposo en JavaScript. Puede refactoriza por encima de código para:

function alert_and_sleep(i) { 
    alert("The value ="+valArray[i]); 
    if(i<valArray.length) { 
    setTimeout('alert_and_sleep('+(i+1)+')',30000); 
    } 
} 
alert_and_sleep(0);