Verzögerung bei der für Schleife Pausen funktionieren

Question

Ich brauche eine kleine Verzögerung in dieser for-Schleife zu erstellen:

for (i = 1; i <= cloneIndex; i++) { 
         var myElem = document.getElementById('form' + i); 
         if (myElem != null) { 
          function postData() { 
           return { 
           udd: document.getElementById('udd').value, 
           data: date_in, 
           hora_ini: hour_in, 
           hora_fim: hour_out, 
           cat: $('#form' + i).find('select[id="cat"]').val(), 
           m1: $('#form' + i).find('select[id="q1"]').val(), 
           m2: $('#form' + i).find('select[id="q2"]').val(), 
           m3: $('#form' + i).find('select[id="q3"]').val(), 
           m4: $('#form' + i).find('select[id="q4"]').val(), 
           m5: $('#form' + i).find('select[id="q5"]').val() 
           } 
          } 

          var newItem = postData(); 
          $2sxc(@Dnn.Module.ModuleID).webApi.post('app/auto/content/audits', {}, newItem); 
         } 
      } 

Nach Stackoverflow Beispiele habe ich versucht, diese Lösung:

for (i = 1; i <= cloneIndex; i++) { 
       (function(i){ 
        setTimeout(function(){ 
         var myElem = document.getElementById('form' + i); 
         if (myElem != null) { 
          function postData() { 
           return { 
           udd: document.getElementById('udd').value, 
           data: date_in, 
           hora_ini: hour_in, 
           hora_fim: hour_out, 
           cat: $('#form' + i).find('select[id="cat"]').val(), 
           m1: $('#form' + i).find('select[id="q1"]').val(), 
           m2: $('#form' + i).find('select[id="q2"]').val(), 
           m3: $('#form' + i).find('select[id="q3"]').val(), 
           m4: $('#form' + i).find('select[id="q4"]').val(), 
           m5: $('#form' + i).find('select[id="q5"]').val() 
           } 
          } 

          var newItem = postData(); 
          $2sxc(Dnn.Module.ModuleID).webApi.post('app/auto/content/audits', {}, newItem); 
         } 
        }, 1000 * i); 
       }(i)); 
      } 

dies jedoch bricht die Funktion im Inneren . Es scheint, dass myElem jetzt immer null ist. Zu viele "i" s? Wie kann ich das beheben?

Answer 1

Vergesst nicht. Der Grund, warum der Code nicht funktionierte, war einfach. Der Rest des folgenden Codes hat nicht auf das Ende der verzögerten Schleife gewartet, so dass die Funktion tatsächlich unterbrochen wurde.

Diese es fest (im SetTimeout Funktion gesetzt):

k++; 
if (k == cloneIndex) {rest of the code that needs the loop to end} 

Answer 2

Sie müssen die Variable innerhalb des Verschlusses zu definieren, dafür zu jeder Iteration eindeutig sein:

for (var i = 1; i < 10; i++) { 
 
    (function() { 
 
    var k = i; // <-- k will be different for each iteration, because it was declared inside the closure. i was defined outside the closure. 
 
    setTimeout(function() { 
 
     console.log("Delayed: ", i, k) 
 
    }, i * 1000) 
 
    }()); 
 
}

... oder auch i in den Verschluss Definition:

for (var i = 1; i < 10; i++) { 
 
    (function(i) { 
 
    setTimeout(function() { 
 
     console.log("Delayed: ", i) 
 
    }, i * 1000) 
 
    }(i)); 
 
}