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

Posted

技术标签:

【中文标题】每次在 jquery 中调用此函数时,如何添加自定义动画持续时间【英文标题】:how do i add a custom animate duration for every time i call this function in jquery 【发布时间】:2012-01-27 01:57:58 【问题描述】:
$(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();
        
    
);


【问题讨论】:

我尝试为每次使用该功能时传递一个独特的动画速度,这里我只知道如何在2000年使用它 你打算如何通过它? 【参考方案1】:

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

function animate(el, leftVal, callback, duration) 

然后在函数的duration部分调用参数:


    duration: duration,
    ...

当你调用函数时,定义最后一个参数(现在是持续时间):

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

【讨论】:

@DanMan:没问题。如果我的回答对您有所帮助,请考虑通过单击答案左侧的白色复选标记来接受它。谢谢! 没问题,我是新手,所以请耐心等待。再次感谢。

以上是关于每次在 jquery 中调用此函数时,如何添加自定义动画持续时间的主要内容,如果未能解决你的问题,请参考以下文章

使用 Windows 身份验证时向身份添加自定义声明

如何在 Laravel 5.3 中添加自定义通知通道

在可调用函数中使用自定义声明时是不是需要调用 verifyIdToken()? [复制]

使用JQuery将文本添加到动态创建的HTML表中

如何在jQuery点击事件中使用宽度?

如何多次调用动画的函数[重复]