Задержка и анимация jQuery

Question

Я хочу анимировать один объект, а после этого с задержкой (5 секунд) Я хочу анимировать другого, может кто-нибудь сказал, как я могу это сделать. Я довольно новичок в JS и jQuery.

Answer 1

Вы можете сделать это с помощью метода animate из JQuery:

$("#object1").animate({ 
    opacity: 0.25, 
    height: "toggle" 
}, 5000, function() { 
    //On Animation completem animate object 2 
    $("#object2").animate({ 
     opacity: 0.25, 
     height: "toggle" 
    }, 1000); 
}); 

Answer 2

Сначала выполните первую анимацию, а затем используйте функцию queue() для выполнения второй анимации (с задержкой на 5 секунд с использованием setTimeout()), как только первый закончен.

$('#element_id').animate({ your_first_animation }, 300).queue(function() { 
    setTimeout(function() { $('#element_id').animate({ your_second_animation_after_5sec }, 300) }, 5000); 
});