jQuery的delay()方法可以实现延迟执行,它可以延迟指定的时间来执行函数或者调用队列中的下一个方法。它是一个特殊的队列操作,可以将函数添加到队列中,并且可以在指定的延迟时间之后执行。
使用方法
- 第一步,在jQuery对象上调用delay()函数。
- 第二步,传递延迟的毫秒数。
- 第三步,传递要延迟执行的函数或者调用队列中的下一个方法。
$("#myElement").delay(2000).fadeOut("slow");
上面的代码将会延迟2秒钟来执行fadeOut()函数,使元素#myElement淡出。delay()函数还可以接受两个可选参数,第一个参数是要延迟执行的函数,而第二个参数是函数的参数。
$("#myElement").delay(2000, function(){ $(this).fadeOut("slow"); });
上面的代码将会延迟2秒钟来执行函数,使元素#myElement淡出。delay()函数还可以接受多个参数,可以将多个函数添加到队列中,并且可以在指定的延迟时间之后执行。
$("#myElement").delay(2000).fadeOut("slow").delay(1000).fadeIn("slow");
上面的代码将会延迟2秒钟来执行fadeOut()函数,使元素#myElement淡出,延迟1秒钟执行fadeIn()函数,使元素#myElement淡入。
jQuery的delay()方法可以帮助我们实现延迟执行,它可以延迟指定的时间来执行函数或者调用队列中的下一个方法,使我们可以轻松实现复杂的动画效果。