.delay()
.delay( duration, [ queueName ] ) 返回： jQuery
描述： 設(shè)置一個(gè)延時(shí)來推遲執(zhí)行隊(duì)列中之后的項(xiàng)目。
-
version added: 1.4.delay( duration, [ queueName ] )
duration一個(gè)用于設(shè)定隊(duì)列推遲執(zhí)行的時(shí)間，以毫秒為單位的整數(shù)。
queueName一個(gè)作為隊(duì)列名的字符串。默認(rèn)是動(dòng)畫隊(duì)列
fx。
在jQuery1.4中性增加的，.delay()方法允許我們將隊(duì)列中的函數(shù)延時(shí)執(zhí)行。它既可以推遲動(dòng)畫隊(duì)列中函數(shù)的執(zhí)行，也可以用于自定義隊(duì)列
延時(shí)時(shí)間是以毫秒為單位的，數(shù)值越大，動(dòng)畫越慢，不是越快。字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時(shí)。
使用標(biāo)準(zhǔn)效果列隊(duì)，舉個(gè)例子，我們可以設(shè)置800毫秒的延時(shí)在 <div id="foo"> 的 .slideUp() 和 .fadeIn() 動(dòng)畫之間:
$('#foo').slideUp(300).delay(800).fadeIn(400);
當(dāng)這句語句執(zhí)行的時(shí)候，這個(gè)元素會(huì)以300毫秒的卷起動(dòng)畫，然后在400毫秒淡入動(dòng)畫前暫停800毫秒。
jQuery.delay() 用來在jQuery動(dòng)畫效果和類似隊(duì)列中是最好的。但不是替代 JavaScript 原生的 setTimeout 函數(shù)，后者更適用于通常情況。
Example:
Animate the hiding and showing of two divs, delaying the first before showing it.
<!DOCTYPE html>
<html>
<head>
<style>
div { width: 60px; height: 60px; float: left; }
.first { background-color: #3f3; }
.second { background-color: #33f;}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</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>