Как добавить пользовательскую продолжительность анимации каждый раз, когда я вызываю эту функцию в 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)
});