jQuery使用暂停更改div html

Question

  

可能重复：
  Javascript sleep
  How to delay execution in between the following in my 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()链接起来。

$('#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");       
    });
});