【jQuery】调用delay()方法延时执行动画效果
16lz
2021-01-22
delay()方法的功能是设置一个延时值来推迟动画效果的执行，它的调用格式为：
$(selector).delay(duration)
其中参数duration为延时值，它的单位是毫秒，当超过延时值时，动画继续执行。
例如，当页面中图片动画正在执行时，点击“延时”按钮调用delay()方法推迟2000毫秒后继续执行，如下图所示：
在浏览器中显示的效果：
从图中可以看出，当图片动画正在执行时，点击“延时”按钮，调用delay()方法中止当前正在执行的图片动画效果，当超过设置的延时值时，动画效果继续执行。
这个方法一定要注意结合例子体会：
delay（）是对被选元素的所有排队函数（仍未运行）设置延迟，
所以第一个移动动画在你点击按钮之前就已经在进行，无法延迟，
只会对后一个伸缩动画进行延迟。
更多相关文章
- 如何停止基于CSS值的jquery动画?
- 具有嵌套效果循环的jquery动画
- 怎么让CSS动画走的慢一点啊。
- 只对css类进行动画处理，没有显式样式
- ie8下jQuery动画没有ie7流畅，是浏览器性能问题吗？有没有什么解决方
- 动画滚动无法在Firefox中运行？
- jQuery动画div滑动，不覆盖文本。
- jQuery animate（）函数没有动画
- 经典炫酷的HTML5/jQuery动画应用示例及源码