Question

Possible Duplicate:
Javascript sleep
How to delay execution in between the following in my javascript

Hi i want to change html of two divs. But have pause between it

$(#div1).html('Div1 content');
$(#div2).html('Div2 content');
//wait 5 seconds
$(#div1).html('Div1 new content');
//wait 5 seconds
$(#div2).html('Div2 new content');

Answer 1

A quick way to do it would be to chain a couple setTimeout()s.

$('#div1').html('Div1 content');
$('#div2').html('Div2 content');

setTimeout(function () {
    $('#div1').html('Div1 new content');

    setTimeout(function () {
        $('#div2').html('Div2 new content');
    }, 5000);

}, 5000);

_{Don’t forget to quote your $() selectors, too.}