Повторение анимации jquery

Question

Как я могу заставить эту анимационную последовательность повторяться после задержки в 5 секунд?

function homeanimation(){  

$('#identity-text-01').fadeIn(1000).delay(2000).fadeOut(1000);  
$('#identity-image-01').delay(2000).fadeIn(1000).delay(2000).fadeOut(1000);

$('#print-text-01').delay(6000).fadeIn(1000).delay(2000).fadeOut(1000);
$('#print-image-01').delay(7000).fadeIn(1000).delay(2000).fadeOut(1000);

$('#web-text-01').delay(12000).fadeIn(1000).delay(2000).fadeOut(1000);
$('#web-image-01').delay(13000).fadeIn(1000).delay(2000).fadeOut(1000);

$('#wayfinding-text-01').delay(18000).fadeIn(1000).delay(2000).fadeOut(1000);
$('#wayfinding-image-01').delay(19000).fadeIn(1000).delay(2000).fadeOut(1000);

$('#exhibit-text-01').delay(24000).fadeIn(1000).delay(2000).fadeOut(1000);
$('#exhibit-image-01').delay(25000).fadeIn(1000).delay(2000).fadeOut(1000);

$('#recognition-text-01').delay(30000).fadeIn(1000).delay(2000).fadeOut(1000);
$('#recognition-image-01').delay(31000).fadeIn(1000).delay(2000).fadeOut(1000);

$('#packaging-text-01').delay(36000).fadeIn(1000).delay(2000).fadeOut(1000);
$('#packaging-image-01').delay(37000).fadeIn(1000).delay(2000);
};
homeanimation();

Спасибо за вашу помощь!

Answer 1

Вы можете отложить выполнение любого кода в javascript, установив таймаут:

function MyAlert(msg) {
   alert(msg);
}

//By using a function object as the first parameter
//any variables you need to use/pass will still be in scope
var msg = "Hey there!";
var delay = 5000; //the delay in milliseconds to wait (in this case 5 seconds)
setTimeout(function() { MyAlert(msg); }, delay);

Answer 2

Изменить последнюю строку:

$('#packaging-image-01').delay(37000).fadeIn(1000).delay(2000);

до:

$('#packaging-image-01').delay(37000).fadeIn(1000).delay(2000);
setTimeout('homeanimation()', 5000);