javascript - 如何在 jQuery.each 函数的每个循环之间进行延迟？

Question

我有这样的代码:

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

因此，我需要在使用函数“requestFunction()”之间做一些延迟。我怎么能这样做？希望能看懂，谢谢。

Answer 1

setTimeout 增加时间:

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

---

如果您遍历这些元素，我们希望增加超时时间，否则如果没有延迟，所有请求将同时触发，但只会在我们的 500 毫秒超时后触发。

• 时间开始:0 毫秒
• 第一个请求:0 毫秒 (500 * 0)
• 第二个请求:500 毫秒 (500 * 1)
• 第三个请求:1000 毫秒 (500 * 2)