Question

    $(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); 
  }

});

由于某种原因，我无法打破这种效果。当侧面加载时，横幅被隐藏。 9个元素来去匆匆。每次进入div时，横幅淡出，9个div进入。当我离开回车时，淡出有随机效果。但当我进入该效果时，一切都会破裂。所以我需要在那里的某个地方休息，所以褪色停止，它会立即显示我的9个div。有任何想法吗？：/

Answer 1

也许尝试使用http://api.jquery.com/stop/来停止当前正在运行的动画

JS打破我的随机功能

1 个答案: