jquery - 排队 html 函数

Question

我想将 div 的内容更改 3 次，每次更改之间延迟 1 秒。delay() 在此代码中不起作用:

$('#import-status-msg').html('Importing content ..').delay(1000).
html('Organizing content ..').delay(1000).
html('Eating burrito ..');

我直接得到“吃墨西哥卷饼”。完成此任务的最短方法是什么？

Answer 1

使用 setTimeout 函数:

setTimeout(function() {
    $('#import-status-msg').html('Importing content ..');
    setTimeout(function() {
        $('#import-status-msg').html('Organizing content ..');
        setTimeout(function() {
            $('#import-status-msg').html('Eating burrito ..');
        }, 1000);
    }, 1000);
}, 1000);

你不能使用jQuery的delay()函数，因为它只对标准效果队列有影响，例如。动画。