制作一个重复的动画

Question

我正在尝试使用jQuery制作重复动画。我使用while循环，条件设置为true，但我认为浏览器不喜欢它。

正确地做这件事的方法是什么？

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

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

Answer 1

这应该足够了：

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

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

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

jQuery队列动画。

Answer 2

你需要编写一个自己作为回调的函数。这就是你循环函数的方式。

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

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

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

Answer 3

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

<强> jsFiddle example

或者，如果没有在指定持续时间时隐藏/显示的宽度/高度动画，则会产生更多的眨眼效果： jsFiddle example