【jQuery】调用delay()方法延时执行动画效果

delay()

方法的功能是设置一个延时值来推迟动画效果的执行，它的调用格式为：

$(selector).delay(duration)

其中参数duration为延时值，它的单位是毫秒，当超过延时值时，动画继续执行。

例如，当页面中图片动画正在执行时，点击“延时”按钮调用

delay()

方法推迟2000毫秒后继续执行，如下图所示：





在浏览器中显示的效果：





从图中可以看出，当图片动画正在执行时，点击“延时”按钮，调用

delay()

方法中止当前正在执行的图片动画效果，当超过设置的延时值时，动画效果继续执行。

这个方法一定要注意结合例子体会：

delay（）是对被选元素的所有排队函数（仍未运行）设置延迟，

所以第一个移动动画在你点击按钮之前就已经在进行，无法延迟，

只会对后一个伸缩动画进行延迟。