jquery - jQuery 用暂停改变 divs html

Question

可能重复：
Javascript睡眠
如何在我的javascript中延迟执行

嗨，我想更改两个 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()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);

_{不要忘记引用你的$()选择器。}

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");       
    });
});