如何在 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）

Answer 2

如果您在 each 循环中进行 ajax 调用，那么您可能需要同步运行 ajax 请求。

为此，您可以将 ajax 请求的 async 属性设置为 false。

或者，您可能想考虑实现 requestFunction 的回调。这将允许您在方法返回后运行代码，并且不需要任何超时等。

回调基本上是在代码末尾执行的方法。你基本上告诉你的函数，这是我希望你在完成工作后调用的另一个函数。