jQuery delay() 方法

本文轉載自查看原文 2017-07-07 13:30 2304 delay/ 延遲/ jquery

定義和用法

delay() 方法對隊列中的下一項的執行設置延遲。

語法

$( selector).delay( speed,queueName)

參數	描述
speed	可選。規定延遲的速度。可能的值：毫秒 "slow" "fast"
queueName	可選。規定隊列的名稱。默認是 "fx"，標准效果隊列。

參數

描述

speed

可選。規定延遲的速度。

可能的值：

毫秒
"slow"
"fast"

queueName

可選。規定隊列的名稱。

默認是 "fx"，標准效果隊列。

實例代碼

<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/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>點擊按鈕，顯示多個的 div 框。</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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 使用jquery的delay方式模擬sleep 【IOS 入門學習】延遲3秒執行Delay方法 await Task.Delay(delay) [UE4]Delay與Retriggerable Delay .Net4.0如何實現.NET4.5中的Task.Run及Task.Delay方法 jquery的then方法 jQuery .on()方法 jQuery之.on()方法 jQuery on()方法 jQuery on()方法