遅延は、私はループのために、この中に小さな遅延を作成する必要が

Question

機能：

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); 
         } 
      } 

stackoverflowの例に続いて、私は、このソリューションを試してみました：

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)); 
      } 

は、しかし、これは内部の機能を破ります。 myElemは常にnullになっているようです。あまりにも多くの "私"ですか？これをどうすれば解決できますか？

Answer 1

Nevermind。コードがうまくいかなかった理由は簡単でした。以下のコードの残りの部分は、遅延ループが終了するのを待たずに、関数を実際に破った。

これは（setTimeout関数の内部に配置され）それを修正：

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

Answer 2

あなたはそれが各反復に一意であるため閉鎖内の変数を定義する必要があります。

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) 
 
    }()); 
 
}

...または閉包の定義にiを含めます。

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