標題: 延長進行下一個步驟的時間 [打印本頁]

---

作者: moonster    時間: 2009-6-1 12:42     標題: 延長進行下一個步驟的時間

現在有一個程式動作,我希望他執行後,過了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>

麻煩大家了,謝謝

---

作者: wmh    時間: 2009-6-1 13:08

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

用 jQuery 的話，可以考慮使用 delay plugin，請參考：
http://james.padolsey.com/javascript/jquery-delay-plugin/

---

作者: moonster    時間: 2009-6-1 13:43

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

---

作者: wmh    時間: 2009-6-1 20:30

要帶入 array 的話，得自己處理批次的作業囉。

---

歡迎光臨 jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化 (http://www.jsgears.com/)