Question

以下代码动画无限运行，每次运行都很完美：

function func(){
    $('.one').animate({width:'100%'},5000,function(){
        $('.two').animate({width: '100%'},1000,function(){
            $('div').width('0px');
            func();
        });
    });
}
func();

但现在我想使用func()这样的参数：

function func(one,two){
    $('.one').animate({width:'100%'},one,function(){
        $('.two').animate({width: '100%'},two,function(){
            $('div').width('0px');
            func();
        });
    });
}
func(5000,1000);

但是这次动画持续时间非常快（从动画的下一次开始看）。

Demo without parameters和demo with parameters。

Answer 1

在func();功能中调用$('.two').animate()时，您没有传递任何值。默认情况下，jQuery通过将它们默认为undefined来为您处理400动画 - 这就是动画变得更快的原因。

变化：

$('.two').animate({width: '100%'},two,function(){
    $('div').width('0px');
    func();
});

要：

$('.two').animate({width: '100%'},two,function(){
    $('div').width('0px');
    func(one, two);
});

Answer 2

请参阅http://jsfiddle.net/9j69kz39/2/

使用相同的参数调用func：

 func(one, two);

使用参数时动画持续时间更改

2 个答案: