[JavaScript]clearTimeout() nie działa Opcje

[unnamedly]

Witam, mam taki kodzik:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
	var loadingTimer;
	$(".dynamic").live("click", function() {
		setTimeout(function() {
			$("#beltTop").before("<div id='loadingText'>Loading</div>");
			setTimeout(function() { $("#loadingText").fadeIn(200); loadingTimer = setTimeout(loadingFunction, 600); }, 400);
			var loadingFunction = function() { $("#loadingText").append("."); loadingTimer = setTimeout(loadingFunction, 600); if($("#loadingText").html() == "Loading....") $("#loadingText").html("Loading"); }
			$.ajax({
				url: "blablabla",
				success: function(data) {
					clearTimeout(loadingTimer);
					$("#loadingText").remove();
				}
			});
		}, 400);
	});
});
[JAVASCRIPT] pobierz, plaintext 

Jednak po sukcesie ajax`a, timeout się nie zatrzymuje, tylko działa dalej, a jak drugi raz kliknę (po sukcesie) na .dynamic, to mam już 2 timery loadingTimer, trzeci raz kliknę - 3. Dlaczego timeout się nie usuwa? Z góry dzięki za odp.

Ten post edytował unnamedly 11.06.2013, 23:21:24

[lobopol]

Bo pierwszy timeout nie jest do niczego przypisany i jest cały czas dodawany nowy po kliknięciu

[unnamedly]

W jakim sensie go przypisać (?), bo próbowałem, próbowałem i nic :/

[kamil4u]

Zawsze w takich wypadkach sprawdzaj dokumentację: https://developer.mozilla.org/pl/docs/DOM/window.setTimeout

id to identyfikator, którego można użyć z window.clearTimeout

[unnamedly]

Wiem o tym, ale przypisuję id do pierwszego od góry timeOut`a (var firstTimeout = setTimeout(function() {})) i nadal nie działa!

[kamil4u]

Ty nie rozumiesz co robisz - przynajmniej mam takie wrażenie.

Napisz kod trochę ładniej - każda instrukcja w innej lini i dopisz do każdej komentarz. Jeżli nadal Ci się nie uda dojść do rozwiązania to Ci pomogę - niestety teraz nadal nie jestem pewien co chcesz uzyskać, stąd ta prośba.