keine Verzögerung auf SetTimeout Schleife

Question

I Funktion haben, die eine CSV-Datei liest und den Abstand zwischen zwei Arten von Werten „Client“ berechnet und „Helfer“

function readCSV(e){ 
    var file = e.target.files[0]; 
    var helferList =[]; 
    var kundenList =[]; 
    if (!file) { 
     console.log('file could not be read'); 
      return; 
    } 
    var reader = new FileReader(); 
    reader.onload = function(e) { 
      var contents = e.target.result; 
      var result = $.csv.toArrays(contents); 
     $('.output').append(","); 
     for(i = 0; i< result.length; i++){ 
      if(result[i][0] =="Kunde"){ 
       kundenList.push(result[i]); 
      } 
      else if(result[i][0] =="Helfer"){ 
       helferList.push(result[i]); 
       $('.output').append(result[i][1] + " "+ result[i][2] + ", "); 
      } 
     } 
     $('.output').append("\n"); 
     console.log(kundenList.length); 
     for(i = 0; i< kundenList.length; i++){ 
      $('.output').append(kundenList[i][1] + " "+ kundenList[i][2] + ", "); 
      for(j=0; j <helferList.length;j++){ 
       setTimeout(getDistance(kundenList[i],helferList[j]),500); 

      } 
      $('.output').append("\n"); 
     } 


    }; 
    reader.readAsText(file); 
} 

Das Problem ich habe, ist, dass ich eine Verzögerung haben müssen zwischen jeder Distanzberechnung. Aus diesem Grund verwende ich:

setTimeout(getDistance(kundenList[i],helferList[j]),500); 

Aber es scheint nicht zu funktionieren, da es keine Verzögerung zwischen den Berechnungen

Answer 1

Sie ist muss ein Multiplikator, weil in Ihrem aktuellen Code alle Funktionen übergeben 500 abgefeuert werden verwenden Millisekunden, aber nicht inkrementell. Nach 500 Millisekunden der for() Ausführung werden alle Funktionen sofort ausgelöst.

Um dies zu ändern, Multiplikators mit einer Flagge wie diese machen:

function readCSV(e){ 
    var file = e.target.files[0]; 
    var helferList =[]; 
    var kundenList =[]; 
    if (!file) { 
     console.log('file could not be read'); 
      return; 
    } 
    var reader = new FileReader(); 
    reader.onload = function(e) { 
      var contents = e.target.result; 
      var result = $.csv.toArrays(contents); 
     $('.output').append(","); 
     for(i = 0; i< result.length; i++){ 
      if(result[i][0] =="Kunde"){ 
       kundenList.push(result[i]); 
      } 
      else if(result[i][0] =="Helfer"){ 
       helferList.push(result[i]); 
       $('.output').append(result[i][1] + " "+ result[i][2] + ", "); 
      } 
     } 
     $('.output').append("\n"); 
     console.log(kundenList.length); 
     var k = 0; 
     for(i = 0; i< kundenList.length; i++){ 
      $('.output').append(kundenList[i][1] + " "+ kundenList[i][2] + ", "); 
      for(j=0; j <helferList.length;j++){ 
       // 500 * k = 500 * 1 | 500 * 2 | etc 
       setTimeout(getDistance(kundenList[i],helferList[j]),(500 * k++)); 

      } 
      $('.output').append("\n"); 
     } 


    }; 
    reader.readAsText(file); 
}