编辑这个页面须要登录或更高权限！

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 效果方法

jQuery HTML/CSS 方法jQuery 效果方法