jQuery delay between for loop iterations

Question

Is that possible to set delay between the javascript for loop NOT using only settimeout but based on when an specific ajax call is done?

something like:

for (var i = 0 ; i < list.length ; i++)
{
   $when('index.jsp').done(function(a1){
     alert(i);
   });
}

Say ajax request is sent and the first alert comes up, then the second iteration and alert is performed when the first ajax call is done.

Barmar · Accepted Answer · 2013-06-13 02:18:04Z

3

I think the following should work:

(function() {
    var i = 0, end = list.length;
    function iterate() {
        $.ajax('index.jsp').done(function() {
            alert(i);
            i++;
            if (i < end) {
                iterate();
            }
        });
    }
    iterate();
})();

edited Jun 13, 2013 at 2:18

answered Jun 13, 2013 at 2:03

Barmar

789k57 gold badges555 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ComeRun Over a year ago

not sure why it gives me syntax error! something wrong at the ending maybe?

Barmar Over a year ago

I was missing a close brace, fixed.

ComeRun Over a year ago

Thanks, I am trying to test it but somehow the iterate is not triggered. should I call it or it gets triggered on load?

bitwiser · Accepted Answer · 2013-06-13 02:06:45Z

1

An easy way to accomplish what you're after would be to use a callback in the Ajax function to recursively call itself. Otherwise I'm not sure of a way to do it in a for loop because Ajax calls are asynchronous.

answered Jun 13, 2013 at 2:06

bitwiser

2212 silver badges9 bronze badges

Collectives™ on Stack Overflow

jQuery delay between for loop iterations

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related