jQuery delay()

简介

jQuery delay() 方法用于设置一个延迟时间来推迟执行下一个队列中的动画效果或函数。它是 jQuery 提供的方法中最容易使用的一个方法之一，而且可以对多个动画效果进行操作，更加方便了开发人员的使用。

语法

$(selector).delay(time,[queueName]);

参数

• time：延迟时间，以毫秒为单位，默认值为 0。
• queueName：队列名称，用于当多个动画效果同时操作时，确定动画效果的执行顺序。

用法

$("#demo").delay(2000).fadeIn(500);

上面的代码表示在选择id为demo 的元素之前延迟2秒，然后以500毫秒的速度淡入该元素。

下面是另一个示例，在执行两个动画效果之间添加一个延迟时间：

$("#demo").slideDown(1000).delay(2000).slideUp(1000);

此代码将使元素以1000毫秒的速度展开，然后延迟2秒，最后以1000毫秒的速度收缩。

返回值

delay() 方法不会返回任何值，因为它只是一个动画效果的延迟时间。

示例

$(document).ready(function(){
    $("button").click(function(){
        $("#demo1").fadeIn(1000).delay(2000).fadeOut(500);
        $("#demo2").slideDown(1000).delay(2000).slideUp(1000);
    });
});

上面的代码表示在点击按钮时，文本块1以1000毫秒的速度淡入，然后延迟2秒，最后以500毫秒的速度淡出。与此同时，文本块2以1000毫秒的速度展开，然后延迟2秒，最后以1000毫秒的速度收缩。

总结

jQuery delay() 方法提供了一个简单的方法来操作动画效果的执行，使开发人员可以优雅地控制整个页面的动态效果。