如何给动画留出时间

Question

我需要为动画添加持续时间，这需要动画5000秒。

这是我尝试过的代码。

$('.arrow_down').on('click',function (){
 var div = $(".animate");
    div.animate({height: '300px', opacity: '0.4'}, "slow");
    div.animate({width: '300px', opacity: '0.8'}, "slow");
    div.animate({height: '100px', opacity: '0.4'}, "slow");
    div.animate({width: '100px', opacity: '0.8'}, "slow");

}）;

Demo

如何连续动画这5000毫秒？

Answer 1

代替“慢”改为5000

div.animate({width: '100px', opacity: '0.8'}, 5000);

http://api.jquery.com/animate/

  

持续时间

     

持续时间以毫秒为单位;值越高表示速度越慢   动画，而不是更快的动画。默认持续时间为400毫秒。   可以提供字符串'fast'和'slow'来指示持续时间   分别为200和600毫秒。