jQuery | delay() 示例

delay()是 jQuery 中的内置方法，用于设置计时器以延迟队列中下一项的执行。
句法：

$(selector).delay(para1, para2);

参数：它接受下面指定的两个参数-

• para1：指定延迟的速度。
• para2：可选，指定队列名称。

返回值：它以指定的速度返回选定的元素。

显示 delay() 方法工作的 jQuery 代码：
代码#1：
在下面的代码中，定时器被设置为所有块。

  

    
    
        <!-- jquery code to demonstrate delay method -->
        $(document).ready(function() {
            $("button").click(function() {
                $("#d1").delay("slow").fadeIn();
                $("#d2").delay("fast").fadeIn();
                $("#d3").delay(1000).fadeIn();
                $("#d4").delay(4000).fadeIn();
            });
        });
    

  

    
    Click Me!
    
    
    
    
    
    
    
    
    
    

  

输出：
在点击“点击我”按钮之前——

点击“点击我”按钮后——

代码#2：
在下面的代码中，已经展示了如何使用此方法延迟动画。

  

    
    
        $(document).ready(function() {
        <!-- jQuery code to show the working of delay method -->
            $("#btn1").click(function() {
                $("div").animate({
                    height: "150px"
                });
                $("div").animate({
                    width: "150px"
                });
                $("div").delay(1200).animate({
                    width: "300px",
                    padding: "30px"
                });
            });
        });
    
    
        #d {
            display: block;
            width: 200px;
            height: 100px;
            background-color: green;
            font-size: 30px;
            padding: 10px;
        }
    

  

    GeeksforGeeks !

    
        Click Me!
    

  

输出：
在点击“点击我”按钮之前——

点击“点击我”按钮后——