[JS] Problem z ClearInterval Opcje

[tomeknh]

Witam!

Mam Kod

[HTML] pobierz, plaintext 
function play(){
// play
var interval;
interval = setInterval(function(){
  $('#galPr').trigger('click');
},6000); 
 
// stop
$("#galSr").click(function() {
clearInterval(interval);
}
);
 
}
[HTML] pobierz, plaintext 

Wszystko ładnie działa. Jednak gdy ktoś nie wyłączy funkcji auto Play klikając w przycisk #galSr i przejdzie na inną podstrone....potem wróci na strone z galeria spowrotem interval nie jest wyczyszczony i tworzy sie dodatkowo tak jakby nowo i zdjecia zmieniaja sie z rozna predkoscia (jakby byly dwa intervaly)
oraz nie da sie juz wylaczyc w ogole funkcji auto play nawet naciskajac na przycisk #galSr

Dodam że podstrony ładuję w stylu AJAX - gdybym odświeżył stronę problemu nie ma.

[flashdev]

[...]
Dodam że podstrony ładuję w stylu AJAX - gdybym odświeżył stronę problemu nie ma.

No i tutaj sam sobie odpowiedziałeś na pytanie. Przecież to oczywiste, że jak ładujesz stronę w ajax`ie, to skrypty nie są przeładowywane, a niewyczyszczony interval nadal działa. Tworzysz nowy interval - wtedzy działają dwa, a na dodatek referencję do tego pierwszego nieodwracalnie sobie nadpisujesz.
Rozwiązaniem jest po prostu wyczyszczenie interval`a w chwili wczytania strony.

Ten post edytował flashdev 6.08.2010, 23:12:22