如何在jquery中调用此函数时如何添加自定义动画持续时间

Question

$(document).ready(function(){   

  var el = $("#box");

  animate(el,300,function(){

  });


});


function animate(el,leftVal,callback){

el.animate({
    left : leftVal
},{
    duration : 2000,
    queue    : false,
    easing   : "swing",
    complete : function(){
        //alert("finished");
        if(callback){
            callback();
        }
    }
});

}

Answer 1

在您的函数中添加duration参数：

function animate(el, leftVal, callback, duration) {

然后在函数的持续时间部分调用参数：

{
    duration: duration,
    ...
}

当您调用该函数时，请定义最后一个参数（现在是持续时间）：

$(document).ready(function() {
    var el = $("#box");
    animate(el, 300, function() {
    },1000); // 1 second duration (1000 milliseconds)
});