製作重複動畫

Question

我正在嘗試使用jQuery製作重複動畫。我使用while循環，條件設置爲true，但我認爲瀏覽器不喜歡它。

正確地做到這一點的方法是什麼？

http://jsfiddle.net/8cV2R/2/

$('.test').click(function() { 
    while (true) { 
     $(this).hide(1000); 
     $(this).show(1000); 
    } 
}); 

Answer 1

你需要編寫其自身作爲一個回調函數。這就是你循環一個函數的方式。

http://jsfiddle.net/8cV2R/8

$('.test').click(fadeIt); 

function fadeIt() { 
    $('.test').hide(1000, function() { 
     $('.test').show(1000, fadeIt); 
    }); 
} 

Answer 2

function h() { $(this).hide(1000, s); }; 
function s() { $(this).show(1000, h); }; 
$('.test').click(h); 

jsFiddle example

或者，沒有寬度/高度動畫隱藏指定的持續時間時，讓你獲得更多的閃爍效果/展示創建：jsFiddle example

Answer 3

這應該是足夠了：

$('.test').click(doMe); 

function doMe(){ 
    $(this).hide(1000).show(1000, doMe); 
} 

http://jsfiddle.net/8cV2R/7/

爲你的jQuery排隊動畫。