2011-06-09 28 views
0

我使用jquery在javascript中閃爍圖像標籤。用javascript眨眼標籤,在不同時間發射

這裏是我的代碼一個簡單的示例:

var timer = setInterval(function(){ 
    $(leds).css('opacity') == 1 ? 
       $(leds).animate({ opacity: .1 }, 100) : 
       $(leds).animate({ opacity: 1 }, 100); 
}, 500); 

但圖像閃爍不同步,實際上,它是在該led數組存儲順序順序。差異非常突出。此外,隨着時間的推移,眨眼所需的時間似乎會增加到2秒,而不是原來的0.5秒。

任何想法是怎麼回事?

+0

[它的工作原理確定適合我。(http://jsfiddle.net/VT2uB/) – Pointy 2011-06-09 15:05:00

+0

嘿,你能發佈更多的代碼?您發佈的代碼在哪裏發生?我敢打賭,問題在於你不止一次地設置了定時器。 – Pointy 2011-06-09 15:05:43

+0

適用於Chrome 12和IE8/9。在標籤的記憶中強制擡起玻璃杯。 – 2011-06-09 15:07:57

回答

0

可能是你的顯式setInterval不是很好的w/jquery的動畫。你有沒有考慮以某種方式循環播放動畫?

http://www.irengba.com/codewell/

+0

它實際上似乎工作得很好。 – Pointy 2011-06-09 15:13:48