Làm thế nào để làm chậm trễ giữa mỗi vòng của hàm jQuery.each?

Question

Tôi có điều này giống như mã:

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

Vì vậy, tôi cần phải làm một số chậm trễ giữa việc sử dụng chức năng "requestFunction()". Làm thế nào tôi có thể làm điều này? Hy vọng nó dễ hiểu, cảm ơn.

Answer 1

setTimeout vào một thời điểm tăng:

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

---

nếu bạn vòng qua các yếu tố này, chúng tôi muốn tăng thời gian chờ hoặc nếu không tất cả các yêu cầu sẽ bắn cùng một lúc nếu không trì hoãn, nhưng chỉ sau thời gian chờ 500 ms của chúng tôi.

• Thời gian bắt đầu: 0 ms
• Yêu cầu đầu tiên: 0 ms (500 * 0)
• Second Yêu cầu: 500 ms (500 * 1)
• Third Yêu cầu: 1000 mili giây (500 * 2)

Answer 2

Nếu bạn đang thực hiện cuộc gọi ajax trong each vòng lặp sau đó bạn có thể muốn chạy các yêu cầu ajax syncronously.

Để thực hiện việc này, bạn có thể đặt thuộc tính async của yêu cầu ajax thành false.

Hoặc bạn có thể muốn xem xét việc thực hiện gọi lại cho requestFunction. Điều này sẽ cho phép bạn chạy mã sau khi phương thức của bạn đã trả lại và sẽ phủ nhận sự cần thiết cho bất kỳ thời gian chờ nào.

Gọi lại cơ bản là một phương thức được thực hiện ở cuối mã của bạn. Về cơ bản bạn nói với chức năng của mình, đây là một chức năng khác mà tôi muốn bạn gọi khi bạn đã hoàn thành công việc của mình.