jquery 等待

jQuery 等待方法

在 jQuery 中，可以通过多种方式实现等待或延迟执行代码的功能。以下是几种常见的方法：

使用 setTimeout

setTimeout 是 JavaScript 的原生方法，可以在 jQuery 中直接使用。它会在指定的时间后执行回调函数。

setTimeout(function() {
    // 等待 2 秒后执行的代码
    console.log("等待 2 秒后执行");
}, 2000);

使用 delay

delay 是 jQuery 提供的方法，主要用于动画队列中的延迟执行。

$("#element").fadeIn().delay(1000).fadeOut();

使用 Deferred 和 Promise

jQuery 的 Deferred 和 Promise 可以用于更复杂的异步操作等待。

function asyncTask() {
    var deferred = $.Deferred();
    setTimeout(function() {
        deferred.resolve("任务完成");
    }, 2000);
    return deferred.promise();
}

asyncTask().done(function(result) {
    console.log(result);
});

使用 when

$.when 可以等待多个异步操作完成后执行回调。

$.when(
    $.ajax("/api/task1"),
    $.ajax("/api/task2")
).done(function(result1, result2) {
    console.log("所有任务完成");
});

使用 queue

queue 可以用于管理函数队列，实现顺序执行。

$("#element").queue(function(next) {
    setTimeout(function() {
        console.log("等待 1 秒后执行");
        next();
    }, 1000);
});

总结

• setTimeout：适用于简单的延迟执行。
• delay：适用于动画队列中的延迟。
• Deferred 和 Promise：适用于复杂的异步操作。
• when：适用于等待多个异步操作完成。
• queue：适用于管理函数队列的顺序执行。