jQuery 效果 delay() 方法

jQuery 效果方法

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(可选)指定队列中延迟执行下一项的毫秒数

可能的值:

  • 毫秒(例如100、500、2000等)

  • “fast”

  • “slow”

queueName(可选)指定队列名称。默认为fx,标准效果队列

jQuery 效果方法