jquery 手册
Ajax
属性(Attributes)
回调对象(Callbacks ..
核心(Core)
CSS
数据(Data)
延迟对象(Deferred o ..
尺寸(Dimensions)
效果(Effects)
事件(Events)
表单(Forms)
文档操作(Manipulati ..
杂项(Miscellaneou ..
位置(Offset)
插件编写(Plugin Aut ..
属性(Properties)
选择器(Selectors)
遍历(Traversing)
工具(Utilities)

Returns: jQueryjQuery .delay( Integer duration, String queueName )

描述:设置一个定时器,用于延迟队列中的后续项目的执行。
  • version added: 1.4
  • .delay( Integer duration, String queueName )
  • duration 一个整数,指出队列中下一项延迟执行的毫秒数。
    queueName 字符串,包含队列名字的字符串。默认是fx,标准的队列。
$('#foo').slideUp(300).delay(800).fadeIn(400);

当这段代码被执行时,元素用300毫秒向上滑动然后暂停800毫秒然后用400毫秒淡入。

Examples:

例子:

两个div的显示和隐藏动画,在显示之前延迟。
<!DOCTYPE html>
<html>
<head>
  <script src="../jquery.min.js"></script>
  <style>div { position: absolute; width: 60px; height: 60px; float: left; }
.first { background-color: #3f3; left: 0;}
.second { background-color: #33f; left: 80px;}</style>
</head>
<body>
  
<p><button>Run</button></p>
<div class="first"></div>
<div class="second"></div>
        
  <script>$("button").click(function() {
      $("div.first").slideUp(300).delay(800).fadeIn(400);
      $("div.second").slideUp(300).fadeIn(400);
    });</script>
</body>
</html>

Demo: