JQuery анимация цикла и зависание на зависании

Question

У меня есть скрипка, но мне нужно ее расширить, я пробовал и проваливал всю ночь, поэтому я удалил все свои попытки и просто оставил основные части. Пожалуйста, см. Эту скрипку.

http://jsfiddle.net/bloodygeese/nqQG9/

Я хотел бы знать, как «петля» вся анимация для бесконечности, но самое главное, чтобы иметь возможность приостановить анимацию на мыши войти или зависать на одном из див, то либо на mouseout продолжить анимацию или щелкнуть ссылку будет ссылка со страницы.

** Кроме того, если это возможно (не уверен), я хотел бы рандомизировать тайминги, которые появляются в divs, но всегда видно, скажем, 1/2 секунды? ] Fiddle код ниже ..

$('#one').delay(2000).fadeIn(200); 
$('#one').delay(500).fadeOut(200); 

$('#two').delay(3000).fadeIn(200); 
$('#two').delay(500).fadeOut(200); 

$('#three').delay(4000).fadeIn(200); 
$('#three').delay(500).fadeOut(200); 

$('#four').delay(5000).fadeIn(200); 
$('#four').delay(500).fadeOut(200); 

$('#five').delay(6000).fadeIn(200); 
$('#five').delay(500).fadeOut(200); 

$('#six').delay(7000).fadeIn(200); 
$('#six').delay(500).fadeOut(200); 

Answer 1

следующий код выцветает элементы случайным образом и приостанавливает действие выцветанию на мыши над. требуется добавить класс «ящик» ко всем элементам.

$(function() { 
     function fadeAll() { 
      var id = 1 + parseInt(Math.random() * 5) % 5; 
      $('.box:nth-child('+id+')').stop().delay(500+parseInt(Math.random() * 500)).fadeIn('fast', function() { 
       $(this).stop().delay(500 +parseInt(Math.random() * 500)).fadeOut('fast'); 
      }) 
      window.timeout = window.setTimeout(fadeAll, 500); 
     } 

     $('.box').hover(function(){ 
      $(this).css('opacity', 1); 
      window.clearTimeout(window.timeout); 
      $('.box').stop(); 
     },function(){ 
      $('.box').fadeOut('fast'); 
      window.timeout = window.setTimeout(fadeAll, 500); 
     }); 

     fadeAll(); 
    })