Javascript JS破坏我的随机函数

由于某种原因，我无法打破这种效果。 当侧面装载时，横幅将隐藏。9种元素来来去去。 每次你进入div，横幅就会消失，9个div也会消失。 当我离开回车键时，有一个淡出的随机效果。 但是，当我进入时，当这种影响正在发生时，一切都破裂了。 所以我需要在那里的某个地方休息一下，这样衰减停止，它会立即显示我的9个div。

---

有什么想法吗/

可以尝试使用，来停止当前运行的动画

尝试使用动画回调，或者，代替如此多的设置超时。通过以这种方式使用效果队列，您将能够轻松地创建它。

    $(document).ready(function() {

  elem = new Array('a1','a2','a3','a4','a5','a6','a7','a8','a9');
  $('.graphic').hide();

  hidden = false;
  time = 0;
  elem.sort(randomize);
  $.each(elem, function(i, r) {
    setTimeout(function() {
      $('#'+r).fadeIn(400);
    }, time);
    time += 200;
  });

  time = 0;
  //elem.sort(randomize);
  setTimeout(function() {
    $.each(elem, function(i, r) {
      setTimeout(function() {
        $('#'+r).fadeOut(800);
      }, time);
      time += 200;
    });
    $('.graphic').fadeIn(2400);
      hidden = true;
  }, 3000);

  $('.graphic').mouseenter(function(){
    if(hidden) {
      //time = 0;
      //elem.sort(randomize);
      $('.graphic').fadeOut(400);
      $.each(elem, function(i, r) {
        /*setTimeout(function() {
          $('#'+r).fadeIn(400);
          }, time);
        time += 200;*/
        $('#'+r).fadeIn(400);
      });
      hidden = false;
    }
  });

  $('.content').mouseenter(function(){
    if(!hidden) {
      time = 0;
      //elem.sort(randomize);
      $.each(elem, function(i, r) {
        setTimeout(function() {
          $('#'+r).fadeOut(800);
        }, time);
        time += 200;
      });
      $('.graphic').fadeIn(2400);
      hidden = true;
    }
  });

  $('.tile').click(function(t) {
    $(this).fadeOut(800, function () {
        window.location = $(this).attr("href");
      }
    ); 
    return false;
  });


  function randomize(){
    return (Math.round(Math.random())-0.5); 
  }

});