За последние 24 часа нас посетили 16524 программиста и 1578 роботов. Сейчас ищут 804 программиста ...

JQuery как остановить функцию! ?

Тема в разделе "JavaScript и AJAX", создана пользователем Jantaev, 13 сен 2011.

  1. Jantaev

    Jantaev Активный пользователь

    С нами с:
    13 сен 2011
    Сообщения:
    2
    Симпатии:
    0
    Ето скрипт меню ВОЛна ))) я ее так назвал ! помогите
    Код (Text):
    1.  
    2.         function animation(){
    3.        
    4.                 setTimeout("sun_raft()",200);
    5.                 setTimeout("sun_raft1()",400);
    6.                 setTimeout("sun_raft2()",600);
    7.                 setTimeout("sun_raft3()",800);
    8.                 setTimeout("sun_raft4()",1000);
    9.         }
    10.            
    11.         function sun_raft(){                      
    12.             $("#raft").animate({marginTop:"-=15px"},1000).animate({marginTop:"+=15px"}, 1000);
    13.             $("#raft_1").animate({marginTop:"-=15px"},1000).animate({marginTop:"+=15px"},1000);
    14.              setTimeout("sun_raft()",1000);
    15.         }
    16.  
    17.         function sun_raft1(){
    18.             $("#raft1").animate({marginTop:"-=15px"},1000).animate({marginTop:"+=15px"}, 1000);
    19.             $("#raft1_1").animate({marginTop:"-=15px"},1000).animate({marginTop:"+=15px"}, 1000);
    20.              setTimeout("sun_raft1()",1000);
    21.         }
    22.         function sun_raft2(){                                                      
    23.             $("#raft2").animate({marginTop:"-=15px"},1000).animate({marginTop:"+=15px"}, 1000);
    24.             $("#raft2_1").animate({marginTop:"-=15px"},1000).animate({marginTop:"+=15px"}, 1000);
    25.              setTimeout("sun_raft2()",1000);
    26.         }
    27.         function sun_raft3(){
    28.             $("#raft3").animate({marginTop:"-=15px"},1000).animate({marginTop:"+=15px"},1000);
    29.             $("#raft3_1").animate({marginTop:"-=15px"},1000).animate({marginTop:"+=15px"}, 1000);
    30.              setTimeout("sun_raft3()",1000);
    31.         }
    32.         function sun_raft4(){
    33.             $("#raft4").animate({marginTop:"-=15px"},1000).animate({marginTop:"+=15px"}, 1000);
    34.             $("#raft4_1").animate({marginTop:"-=15px"},1000).animate({marginTop:"+=15px"}, 1000);
    35.              setTimeout("sun_raft4()",1000);
    36.         }
    37.  
    38. $(function(){
    39.  
    40.    
    41.     var waveID = setInterval("animation()",2000);
    42.     setInterval("animation()",20);
    43.  
    44.  
    45.     $('.large').hide();
    46.  
    47. $('#animation_menu ul li').click(function(){
    48.  
    49.  
    50.     var i = $(this).index();
    51.  
    52.     var t = $('#animation_menu ul li .emp');
    53.     t.eq(i).animate({'marginTop':'80px', 'opacity':'0.1'},500).fadeOut(1);
    54.  
    55.     t.addClass('mini1').removeClass('mini2');
    56.  
    57.     t.eq(i).removeClass('mini1').addClass('mini2');
    58.    
    59.     $('.large').addClass('markdel');
    60.     $('.large').eq(i).removeClass('markdel').addClass('mark');
    61.    
    62.     $('.markdel').animate({'width':'135px', 'opacity':'0.1'},500).fadeOut(500);
    63.  
    64.     $('.mini1').fadeIn(500).animate({'marginTop':'0px', 'opacity':'1'},1000);
    65.     $('.large').eq(i).fadeIn(500).animate({'width':'480px', 'opacity':'1'},500);
    66.  
    67.  
    68.         $('#raft4').stop(true,true);
    69.  
    70.  
    71.  
    72.  
    73. });
    74.  
    75.  
    76. });//ready
    как При клике остановить функцию animate()
    Вызвал ее так :


    Код (Text):
    1.     var waveID = setInterval("animation()",2000);
    2.     setInterval("animation()",20);
    Сделал так:

    Код (Text):
    1. $('#animation_menu ul li').click(function(){
    2.  
    3.  clearInterval(waveID);
    4. ...............................
    5. });
    но при клике нифига не останавливает
    наглядно можно посмотреть тут! но у вас возникнет вопрос для чего останавливать! отвечу .... если зайти на сайт и минуты 2 посидеть то волна сбивается и получается полная фигня
    http://www.webmaker.kz/orange
     
  2. Михаил

    Михаил Активный пользователь

    С нами с:
    12 июл 2009
    Сообщения:
    545
    Симпатии:
    0
    Адрес:
    Bielarus
  3. Feiron

    Feiron Активный пользователь

    С нами с:
    12 авг 2009
    Сообщения:
    22
    Симпатии:
    0
    waveID виден вообще в клике? )