jquery延迟

jQuery延迟执行的方法

使用setTimeout函数结合jQuery可以轻松实现延迟执行的效果。该方法适用于需要在特定时间后执行代码的场景。

setTimeout(function() {
    // 延迟执行的代码
    $('#element').fadeIn();
}, 2000); // 2000毫秒后执行

jQuery延迟动画队列

jQuery的delay()方法专门用于动画队列中的延迟，不会影响其他非动画代码的执行。

$('#element')
    .fadeOut()
    .delay(1000) // 延迟1秒
    .fadeIn();

使用Promise实现异步延迟

jQuery的Deferred对象和Promise接口可以创建更复杂的延迟逻辑，适合处理异步操作。

var deferred = $.Deferred();
setTimeout(function() {
    deferred.resolve();
}, 1500);

deferred.promise().done(function() {
    console.log('延迟1.5秒后执行');
});

自定义延迟函数

创建一个可复用的延迟函数，方便在多个地方调用相同的延迟逻辑。

function delayedAction(callback, duration) {
    setTimeout(callback, duration);
}

delayedAction(function() {
    alert('延迟执行');
}, 3000);

清除延迟执行

使用clearTimeout可以取消尚未执行的延迟代码，需要保存setTimeout返回的标识符。

var timeoutId = setTimeout(function() {
    console.log('这段代码不会执行');
}, 2000);

clearTimeout(timeoutId);