jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化's Archiver

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,請參考:
[url]http://james.padolsey.com/javascript/jquery-delay-plugin/[/url]

moonster 發表於 2009-6-1 13:43

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

wmh 發表於 2009-6-1 20:30

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

頁: [1]

Powered by Discuz! Archiver  © 2001-2009 Comsenz Inc.