delay()方法设置一个计时器以延迟队列中后续项目的执行。
$(selector).delay(duration, queueName)
为delay()方法设置不同的速度值:
$("button").click(function(){ $("#div1").delay("slow").fadeIn(); $("#div2").delay("fast").fadeIn(); $("#div3").delay(1000).fadeIn(); $("#div4").delay(2000).fadeIn(); $("#div5").delay(3000).fadeIn(); });测试看看‹/›
对两个div的上下滑动进行动画处理,在显示“ div1”之前将其延迟:
$("button").click(function(){ $("#div1").slideUp(300).delay(800).slideDown(400); $("#div2").slideUp(300).slideDown(400); });测试看看‹/›
同时使用delay()和animate():
$("button").click(function(){ $("div").animate({width: "500px"}); $("div").delay(1000).animate({fontSize: "5em"}); });测试看看‹/›
参数 | 描述 |
---|---|
duration | (可选)指定队列中延迟执行下一项的毫秒数 可能的值:
|
queueName | (可选)指定队列名称。默认为fx,标准效果队列 |