using for loop in jquery then pause between each iteration help

Question

How's it going,

Need some assistance, with some for loop and pausing. I did some research myself and I keep running into setTimeout() function but I need help understanding it more or if someone can help me out with how to implement it into my code or if there's another way.

    $(document).ready(function() {
            for(i=0; i<counter; i++)
            {
                dataCounter = i;
                $.ajax({
                  url: 'file.php',
                    dataType: 'json',
                    data: {count: dataCounter},
                    error: function(){
                        alert('Error loading XML document');
                    },
                    success: function(data){
                        $("#contents").html(data);  
                    }
                });
            }

});

I would like to know how to pause after my $.ajax function before going on to my next increment.

Please help! Thank you :)

Community · Accepted Answer · 2017-05-23 12:03:12Z

2

What about...

(function() {

    var index = 0;

    function next() {

        setTimeout(function() {
            if (index == counter) {
                return;
            }

            // Do what you need to do   
            index++;
            next();
        }, 1000);

    }

})();

Alternatively, you can make a sleep style function with Date and a do { ... } while() loop. But the setTimeout() is much better, because any JavaScript sleep style function has to sit around looping until it is ready to finish, which isn't really sleeping.

edited May 23, 2017 at 12:03

CommunityBot

11 silver badge

answered May 1, 2011 at 3:31

alex

492k205 gold badges890 silver badges992 bronze badges

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

1 Comment

hellomello Over a year ago

can I just copy the .ajax function into where you say // Do what you need to do, and this will work? Also, do I just put the (function() {...})(); all in the $(document).. sorry I'm fairly new to jquery.

BrunoLM · Accepted Answer · 2011-05-01 03:33:45Z

2

You mean "wait the request finish to send the next" ?

If so, set one more parameter in .ajax call.

async: false

From jQuery .ajax doc

async :: Boolean - Default: true

By default, all requests are sent asynchronously (i.e. this is set to true by default). If you need synchronous requests, set this option to false. Cross-domain requests and dataType: "jsonp" requests do not support synchronous operation. Note that synchronous requests may temporarily lock the browser, disabling any actions while the request is active.

answered May 1, 2011 at 3:33

BrunoLM

101k86 gold badges311 silver badges464 bronze badges

Comments

samccone · Accepted Answer · 2011-05-01 03:49:29Z

0

http://jsfiddle.net/samccone/hkjpA/

Hi andrewliu this example should work just fine, Hope that this help you

edited May 1, 2011 at 3:49

answered May 1, 2011 at 3:40

samccone

10.9k7 gold badges45 silver badges50 bronze badges

Collectives™ on Stack Overflow

using for loop in jquery then pause between each iteration help

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related