【jQuery】调⽤delay()⽅法延时执⾏动画效果
jquery在线图片delay()⽅法的功能是设置⼀个延时值来推迟动画效果的执⾏,它的调⽤格式为:
$(selector).delay(duration)
其中参数duration为延时值,它的单位是毫秒,当超过延时值时,动画继续执⾏。
例如,当页⾯中图⽚动画正在执⾏时,点击“延时”按钮调⽤delay()⽅法推迟2000毫秒后继续执⾏,如下图所⽰:
在浏览器中显⽰的效果:
从图中可以看出,当图⽚动画正在执⾏时,点击“延时”按钮,调⽤delay()⽅法中⽌当前正在执⾏的图⽚动画效果,当超过设置的延时值时,动画效果继续执⾏。
这个⽅法⼀定要注意结合例⼦体会:
delay()是对被选元素的所有排队函数(仍未运⾏)设置延迟,
所以第⼀个移动动画在你点击按钮之前就已经在进⾏,⽆法延迟,
只会对后⼀个伸缩动画进⾏延迟。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论