Jquery 延迟

当编写 jQuery 脚本时，您可能需要使用一些函数来延迟执行剩余的代码，以便在某些事件完成后运行一些代码。使用 jQuery 延迟方法可以帮助您实现该目标。

基础概念

延迟就是在特定的时间段内执行某些操作，通常用在在某种条件满足时再执行某些操作。jQuery 中，常用的延迟方法有以下三个：

1. setTimeout(): 在指定时间.delay()后执行一个函数，该函数只会执行一次。

2. setInterval(): 每隔一段时间.delay()执行一个函数，该函数会一直执行，直到被清除。

3. $.fn.delay(): 延迟执行队列中的下一个函数，需要在该方法前面调用.queue()方法。

实例演示

// setTimeout()延迟操作
setTimeout(function(){
    console.log('延迟3秒运行！');
}, 3000);

// setInterval()定时执行操作
var count = 0;
var interval = setInterval(function(){
    console.log('每隔1秒执行一次！'+count);
    count++;
    if(count==5){
        clearInterval(interval);
        console.log('清除定时器！');
    }
}, 1000);

// $.fn.delay()延迟执行队列中的下一个函数
$('#btnAnimate').click(function(){
    $('#myDiv').animate({left: '+=50'}, 1000)
    .animate({top: '+=50'}, 1000)
    .delay(500)
    .animate({left: '+=50'}, 1000)
    .animate({top: '+=50'}, 1000);
});

总结

延迟方法非常有用，可以让您在实现某些操作时更加灵活、方便，但请注意不要滥用它，以免影响程序性能。