Jak zrobić opóźnienie między każdą pętlą funkcji jQuery.each?

Question

mam to-jak kod:

$('li').each(function(){ 
    var data = $(this).text(); 
    requestFunction(data, function(status){ 
     if (status == 'OK') do stuff... 
    }); 
}); 

Więc muszę zrobić pewne opóźnienie między użyciem funkcji "requestFunction()". Jak mogłem to zrobić? Mam nadzieję, że to zrozumiałe, dzięki.

Answer 1

setTimeout przy czasie wzrost:

$('li').each(function(indexInArray){ 
    var data = $(this).text(); 
    setTimeout(function() { 
     requestFunction(data, function(status){ 
      if (status == 'OK') do stuff... 
     }); 
    }, indexInArray * 500); 
}); 

---

jeśli pętla nad tymi elementami, chcemy zwiększyć limit czasu albo cały wniosek byłby ogień w tym samym czasie, jeśli nie opóźniony, ale tylko po naszym limicie czasu wynoszącym 500 ms.

• Start Time: 0 ms
• pierwsze żądanie: 0 ms (500 * 0)
• Drugi wniosek: 500 ms (500 * 1)
• Trzeci wniosek: 1000 ms (500 * 2)

Answer 2

Jeśli wykonujesz połączenia ajax w ramach each pętli, możesz chcieć uruchomić żądania ajax synchronicznie.

W tym celu można ustawić właściwość async żądania ajax na false.

Ewentualnie możesz przyjrzeć się impozycji wywołania zwrotnego dla requestFunction. Umożliwi to uruchomienie kodu po powrocie metody i zanegowanie potrzeby przekroczenia limitu czasu itp.

Callback to w zasadzie metoda, która zostaje wykonana na końcu kodu. Zasadniczo mówisz o swojej funkcji, oto kolejna funkcja, którą chcę, abyś zadzwonił, gdy skończysz wykonywać swoją pracę.