jquery delay jQuery 效果 delay() 方法

jquery delay

jQuery delay 是 jQuery 中的一个非常有用的函数，它可以让你在指定的时间内延迟执行一个函数。它可以用来延迟执行一些动画，或者在某些特定的时间点上执行一些代码。

delay() 函数接受两个参数：要延迟执行的函数和要延迟多长时间（以毫秒为单位）。例如：

$('#myElement').delay(1000).fadeOut();

上面的代码会在 1000 毫秒后让 #myElement 元素淡出。你也可以使用 delay() 函数来延迟执行一个匿名函数：

$('#myElement').delay(1000, function(){ 
    // 这里是匿名函数 
});

delay() 函数也可以被链式调用，例如：

$('#myElement') 
    .delay(1000)  // 第一步延迟 1000 毫秒 
    .fadeOut()    // 第二步淡出元素  
    .delay(2000)  // 第三步再次延迟 2000 毫秒  
    .fadeIn();    // 第四步再淡入元素   

上面的代码会先让 #myElement 元素延迟 1000 毫秒后淡出，然后再延迟 2000 毫秒后再淡入。但是要注意的是 delay() 函数不能被用来循环执行多个动作（例如 fadeIn/fadeOut 等动作）。如果你想要循环执行多个动作，则应该使用 setInterval() 函数。

jQuery 效果 delay() 方法

jQuery delay() 方法

jQuery 效果方法

实例

对不同的 <div> 元素设置延迟：

$("button").click(function(){
$("#div1").delay("slow").fadeIn();
$("#div2").delay("fast").fadeIn();
});

---

定义和用法

delay() 方法对队列中的下一项的执行设置延迟。

---

语法

$(selector).delay(speed,queueName)

参数	描述
speed	可选。规定延迟的速度。 可能的值： 毫秒 "slow" "fast"
queueName	可选。规定队列的名称。 默认是 "fx"，标准效果队列。

---

尝试一下 - 实例

delay() 和 animate()
如何延迟一个动画。

---

jQuery 效果方法