jQuery setTimeout delay for an element

Question

Is there an easier way to wait for an element to load ( by independant script/mootools/other ). For example:

I am waiting for a google map to load, but I don't want to use its API for checks. So I made two functions:

function checkIfexist() {
    if(jQuery('#container').length)
        return 0;
    else
        reload(1);
}

function reload(mode) {
    setTimeout(function(){
        do stuff
            .
            .
            .
        if(mode==1)
            checkIfexist();
    }, 400);
}

I am starting it with reload(1); Is there an easier way to use setTimeout in such a way? I don't want to use delay, wait or whatever.

Why wouldn't you use the Google Map API to check for map loaded completion? — iambriansreed
– iambriansreed, Commented Oct 1, 2012 at 22:50
Because this is not only for Google Map API, it is for all kind of AJAX requests, also done by otside site scripts. Best way is to use setTimeout and check after some time if it is loaded or not. Sometimes jQuery function doesn't give good results against foreign APIs for DOM. — Trouble
– Trouble, Commented Oct 2, 2012 at 0:27

iambriansreed · Accepted Answer · 2012-10-02 01:56:45Z

1

.ajaxStop() fires when all concurrent ajax requests have finished, so you can just use it directly, for example:

$(function(){
    $(document).ajaxStop(function() {
        // all ajax is done
    });
});

answered Oct 2, 2012 at 1:56

iambriansreed

22.3k6 gold badges66 silver badges81 bronze badges

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

1 Comment

Trouble Over a year ago

Thank you :) this works for jQuery though. What if we used javascript/mootools to inject elements after page load?

Collectives™ on Stack Overflow

jQuery setTimeout delay for an element

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related