jQuery delay() 方法
实例
延迟不同的 <div> 元素:
<!DOCTYPE html><html><head><script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><script>$(document).ready(function(){$("button").click(function(){$("#div1").delay("slow").fadeIn();$("#div2").delay("fast").fadeIn();$("#div3").delay(800).fadeIn();$("#div4").delay(2000).fadeIn();$("#div5").delay(4000).fadeIn();});});</script></head><body><p>本例为 delay() 方法设置了不同的速度值。</p><button>单击可在框中淡入并延迟</button><br><br><div id="div1" style="width:90px;height:90px;display:none;background-color:black;"></div><br><div id="div2" style="width:90px;height:90px;display:none;background-color:green;"></div><br><div id="div3" style="width:90px;height:90px;display:none;background-color:blue;"></div><br><div id="div4" style="width:90px;height:90px;display:none;background-color:red;"></div><br><div id="div5" style="width:90px;height:90px;display:none;background-color:purple;"></div><br></body></html>
定义与用法
delay() 方法设置计时器以延迟队列中下一项的执行。
语法
$(selector).delay(speed,queueName)
| 参数 | 描述 |
|---|---|
| speed | 可选。指定延迟的速度 值可以为:
|
| queueName | 可选。指定队列的名称 默认值是 "fx", 标准的队列名称 |