jquery Timeout innerhalb der Schleife funktioniert nicht

Question

Ich habe eine JSON, die Liste der serialisierten Objekte enthält. Und ich möchte diesen JSON gehen und Nachrichten davon eine Nachricht pro 2 Sekunden zeigen und dann aufhören. ich es auf diese Weise tat:

$.ajax({ 
     type: 'GET', 
     url: basename+'/getUnprocessedList/123', 
     dataType: 'jsonp', 
     success: function (data) { 
     for(var i=0, keys=Object.keys(data), l=keys.length; i<l; i++) { 
      console.log('hit '+i); 
      setInterval(processMessage(data[i]),2000); 
      }} 
}); 

Aber nichts dort zu arbeiten, setInterval nur ignoriert, werden alle Nachrichten auf einmal angezeigt, wie kein jeder Timeout. Ich habe versucht, $ .Each, setTimeout, nichts funktioniert. Was ist da falsch?

Answer 1

Es ist, weil Sie die Funktion sofort im setInterval Aufruf sind aufgerufen wird - eine Funktion zu übergeben, lassen Sie die () - aber da Sie eine param benötigen - verwenden eine anonyme Funktion:

setInterval(function() { processMessage(data[i]) },2000); 

Und Sie‘ ll wahrscheinlich in die Frage läuft von i jetzt falsch sein (weil i wird die letzte Iteration zum Zeitpunkt der Ausführung sein, so einwickeln, dass in einem IIFE)

(function(i) { 
    setInterval(function() { processMessage(data[i]) },2000); 
})(i) 

ODER - wenn Sie können, verwenden let in Ihrer for Schleife:

for(let i=0, keys=Object.keys(data), l=keys.length; i<l; i++) { 
    setInterval(function() { processMessage(data[i]) },2000); 
} 

Answer 2

zu viele Fehler in dieser einer Zeile zu zählen:

 setInterval(processMessage(data[i]),2000); 

korrekte Version:

setTimeout((function(i){return function(){processMessage(data[i])}})(i), 2000*i); 

Ihre Probleme:

• Sie‘ re Aufruf der Funktion sofort - wrap es in einer Funktion
• i bis Ende außerhalb des Gültigkeitsbereiches gehen - wickeln Sie Ihre Funktion in einem Verschluss
• Verwendung setTimeout mit gestaffelten Abständen statt, um es einfacher den Überblick über i

Answer 3

zu halten statt Mit einer for-Schleife können Sie Ihre eigene Schleife in setInterval machen.

success: function (data) { 
    var i=0, keys=Object.keys(data), l=keys.length; 
    var t=setInterval(function(){ 
     processMessage(data[i]); 
     if(++i==l){clearInterval(t)} 
    }, 2000); 
} 

Dies wird alle 2 Sekunden wiederholt und endet, wenn das Ende erreicht ist.