[jQuery] ClearInterval nie działa Opcje

[unnamedly]

[JAVASCRIPT] pobierz, plaintext 
	$(".bx-start").click(function() {
		if($(".bx-count").length)
		{
			clearInterval(interval);
			$(".bx-count").remove();
		}
		else
		{
			$(".bx-window").before("<span class='bx-count'>25</span>");
			var howmuch = 25;
			var interval = setInterval(function() {
				howmuch--;
				$(".bx-count").html(""+howmuch+"");
				if(howmuch == 0)
					howmuch = 25;
			}, 1000);
		}
	});
[JAVASCRIPT] pobierz, plaintext 

Czyli klikam w .bx-start i jeśli istnieje .bx-count, to ma czyścić mi timer i usuwać span`a. Jeśli nie istnieje, to tworzy .bx-count i ustawia timer, który odlicza od 25 do 0 i tak w kółko.

Problem w tym, że clearInterval() mi nie działa i nie czyści timeru (każdy kolejny timer przy kliknięciu w .bx-start o (chyba) id "interval" działa w tym samym czasie).

Any ideas?

[unnamedly]

Zastosowałem się do Waszych rad i zrobiłem tak:

[JAVASCRIPT] pobierz, plaintext 
	var t;
	$(".bx-start").click(function() {
		if($(".bx-count").length)
		{
			clearTimeout(t);
			$(".bx-count").remove();
		}
		else
		{
			$(".bx-window").before("<span class='bx-count'>25</span>");
			var howmuch = 25;
			var timer = function() {
				howmuch--;
				$(".bx-count").html(""+howmuch+"");
				if(howmuch == 0)
					howmuch = 25;
				t = setTimeout(timer, 1000);
			}
			t = setTimeout(timer, 1000);
		}
[JAVASCRIPT] pobierz, plaintext 

i działa (IMG:style_emoticons/default/smile.gif) Dzięki wielkie za pomoc!

Ten post edytował unnamedly 9.02.2013, 11:38:35