Forum PHP.pl

Dzień dobry (IMG:style_emoticons/default/smile.gif)

Mam taki oto skrypt timera na stronie:

[HTML] pobierz, plaintext 
counter = new Array();
	function loadTimer(czas,lokalizacjaTimera,idTimera){
			var s = czas;
			counter.idTimera = setInterval(timer, 1000); // ustawienie funkcji odpowiedajacej za cykliczne wywolanie(co 1 s) funkcji timer()
			var min = s / 60;				// minuty
			var h = min / 60;				// godziny
			var sLeft = Math.floor(s  % 60);	// pozostało sekund		
			var minLeft = Math.floor(min % 60);	// pozostało minut
			var hLeft = Math.floor(h);			// pozostało godzin	
 
			if (minLeft < 10)
			  minLeft = "0" + minLeft;
			if (sLeft < 10)
			  sLeft = "0" + sLeft;	
 
			var out = hLeft + ":" + minLeft + ":" + sLeft; //tekst wyswietlony uzytkownikowi
			document.getElementById(""+lokalizacjaTimera+"").innerHTML = out;
 
			$("#"+lokalizacjaTimera+"").html(out); // przypisanie tekstu timera do odpowiedniego elementu html
			function timer()
			{
				--s;
				var min = s / 60;				// minuty
				var h = min / 60;				// godziny
				var sLeft = Math.floor(s  % 60);	// pozostało sekund		
				var minLeft = Math.floor(min % 60);	// pozostało minut
				var hLeft = Math.floor(h);			// pozostało godzin	
 
				if (minLeft < 10)
				  minLeft = "0" + minLeft;
				if (sLeft < 10)
				  sLeft = "0" + sLeft;	
				var out = hLeft + ":" + minLeft + ":" + sLeft; //tekst wyswietlony uzytkownikowi
				$("#"+lokalizacjaTimera+"").html(out); // przypisanie tekstu timera do odpowiedniego elementu html
				if( s <= 0) //licznik osiągnął 0 
				{
					//licznik się wyzerował należy podjąć odpowiednią akcje
					clearInterval(counter.idTimera); //zatrzymanie licznika
					console.log("kasujemy timer id="+idTimera);
					$.ajax({
						type     : "POST",
						dataType : "json",
						url      : "up.php",
						data     : {
						'idTimera':idTimera},
						success: function(data) {
							if (data.error)
							{
								alert("wystąpił błąd"+data.error);
							}
							else
							{
								alert("zadanie zakończone");
							}
						}
					});
					return; 
				}
			}
		}
[HTML] pobierz, plaintext 

A wywołuję go tak:

[HTML] pobierz, plaintext 
<script>
$(document).ready(function() {
loadTimer(<?php echo $wnetrzePracownika['time'];?>,'timer<?php echo $kolejnyNumer;?>',<?php echo $kolejnyNumer;?>);
});
</script>
[HTML] pobierz, plaintext 

I jeśli jeden Interwał jest uruchomiony to wszystko pięknie działa i interwał zostaje wyłączony, natomiast jeśli jest kilka uruchomionych to mimo wykonania zadania interwał nadal działa.
I tutaj moje pytanie, jak wyłączyć setInterval jeśli np. są 4 uruchomione?
Proszę o pomoc.

Ten post edytował miccom 5.12.2015, 10:51:48

Wykorzystuj zmienną counter jako tablicę i dodawaj tam wszystkie timery. Wówczas będziesz miał dostęp do wszystkich i spokojnie se usuniesz. Na razie po prostu dodajesz i nadpisujesz własności statyczne pustej tablicy

OK, a możesz jaśniej? Bo nie rozumiem co napisałeś?

Tworzę tablicę:

[HTML] pobierz, plaintext 
counter = new Array();
[HTML] pobierz, plaintext 

A następnie do countera dopisuję idTimera

[HTML] pobierz, plaintext 
counter.idTimera = setInterval(timer, 1000);
[HTML] pobierz, plaintext 

Czy to nie jednoznaczne z dodaniem do tablicy counter rekordu idTimera?

czy tak to ma wyglądać?

[HTML] pobierz, plaintext 
counter[idTimera] = setInterval(timer, 1000);
[HTML] pobierz, plaintext 

Ten post edytował miccom 5.12.2015, 11:56:36

Nie. Tablica dalej jest pusta (możesz to sprawdzić sprawdzając counter.length).

Z racji tego, że w JS tablice są po prostu specyficznym typem obiektów, zapis typu tablica.wlasnosc działa tak samo jak obiekt.wlasnosc.

Jak chcesz coś dodać do tablicy, najłatwiej użyć counter.push

OK.
Nie rozumiem:) ale zrobiłem tak:

[HTML] pobierz, plaintext 
counter.push(setInterval(timer, 1000)); 
[HTML] pobierz, plaintext 

i przy

[HTML] pobierz, plaintext 
console.log("counter="+ counter.length);
[HTML] pobierz, plaintext 

widzę odpowiednio ilości timerów uruchomionych.
Jak teraz jeden z nich zatrzymać?

Hmm… może taki przykład coś Ci pomoże: http://jsfiddle.net/Comandeer/skquys49/

ok sazian, a jeśli nie są po kolei timery?

[HTML] pobierz, plaintext 
var counter =[];
counter.push(setInterval(function(){console.log('a')}, 1000)); 
counter.push(setInterval(function(){console.log('b')}, 1000));
counter.push(setInterval(function(){console.log('c')}, 1000));
clearInterval(counter[0]);
[HTML] pobierz, plaintext 

Na końcu usuwamy counter[0], a gdybym chciał te countery ponumerować?
i dać np. counter[1], counter[13], counter[5] itd?

Jeden timer ma np. 1 minutę, drugi 7 minut a trzeci 2 minuty...

To poczytaj kod z mojego przykładu (IMG:style_emoticons/default/wink.gif)

push zwraca indeks tablicy, więc wystarczy ten fakt wykorzystać (zadeklarować zmienną w funkcji loadTimer)

coś takiego?

[HTML] pobierz, plaintext 
pushed = counter.push(setInterval(timer, 1000));
[HTML] pobierz, plaintext 

Jak dam potem

[HTML] pobierz, plaintext 
clearInterval(pushed);
[HTML] pobierz, plaintext 

to nie zatrzymuje mi timera.
Nic nie rozumiem z Twojego przykładu.
Możesz przygotować przykład z kilkoma timerami z różnie upływającym czasem i automatyczne kasowanie timera ( setInterval ) przy wyzerowaniu czasu?

Ten post edytował miccom 5.12.2015, 20:23:20

Ok, poradziłem sobie w taki sposób, że dodałem zmienną tylko dla setInterval równą idTimera.

[HTML] pobierz, plaintext 
var timerID = idTimera;
timerID = setInterval(timer, 1000); 
[HTML] pobierz, plaintext 

Więc aby wyłączyć timer należy tylko wykonać clearInterval

[HTML] pobierz, plaintext 
clearInterval(timerID);
[HTML] pobierz, plaintext 

I pięknie działa.
Dziękuje za naprowadzenie mnie na rozwiązanie.

Pozdrawiam.