jquery - jQuery変更div htmlの一時停止

Question

重複の可能性：
Javascript sleep
私のjavascriptで次の間で実行を遅らせる方法

こんにちは、2 つの div の html を変更したいと思います。しかし、その間に一時停止があります

$(#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

それを行う簡単な方法は、いくつかsetTimeout()の を連鎖させることです。

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

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

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

}, 5000);

_{$()セレクターも引用することを忘れないでください。}

Answer 2

setTimeOut()機能を使用できます

Answer 3

$(document).ready(function() {
$('#div1').html('Div1 content');
$('#div2').html('Div2 content');

//wait 5 seconds   
$('#div1').delay(5000)
    .queue(function(n) {
        $(this).html("Div1 new content");       
    });

//wait another 5 seconds
$('#div2').delay(10000)
    .queue(function(n) {
        $(this).html("Div2 new content");       
    });
});