返回列表 發帖

延長進行下一個步驟的時間

現在有一個程式動作,我希望他執行後,過了N秒重複執行一個動作該怎麼做呢?

例子如下,正常來說會將5個li陸續做被景色,不過我希望他隔五秒之後再將下一個背景做著色要怎麼做呢?

$(function(){
$('#demo1 li').each(function(){
$(this).css('background','blue');})
}

<ul id="demo1">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

麻煩大家了,謝謝

在 JavaScript 要做 delay 的話,通常是用  setTimeout(fn, msec) 的方式,指定某個 function 在多久後才執行。如果要依序改變五個 li,就要一個個指定,而不能用批次的方式處理。

用 jQuery 的話,可以考慮使用 delay plugin,請參考:
http://james.padolsey.com/javascript/jquery-delay-plugin/
To infinity and beyond!

TOP

謝謝wmh的回覆,那請問如果我用array的方式,可以指定他過多久之後帶入下一個array的參數嗎?

TOP

要帶入 array 的話,得自己處理批次的作業囉。
To infinity and beyond!

TOP

返回列表 回復 發帖