как дать продолжительность времени для анимации

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); 

Продолжительность

длительности приведены в миллисекундах; более высокие значения указывают медленнее анимации, а не более быстрые. Продолжительность по умолчанию - 400 миллисекунд. Строки «быстрая» и «медленная» могут поставляться для обозначения длительностей 200 и 600 миллисекунд соответственно.