Forum PHP.pl

Witam pisze skrypt który po wprowadzeniu "sekund" odlicza czas do 0, bynajmniej takie ma mieć zadanie. Napisałem już sam skrypt zamieniając sekundy na dni/godiny/minut/sekundy jednak teraz ugrzęzłem w martwym punkcje ponieważ nie wiem jak zrobić samo odliczanie. Żeby odliczał w dół aż do 0, a po dojściu wartości do 0d 0h 0m 0s wykonał inna funkcje w JS. Proszę o pomoc oraz o porady czy dotychczasowy skrypt "wygląda dobrze"

[HTML] pobierz, plaintext 
<script type="text/javascript">
/* <![CDATA[ */  
function sekudny(sekudny, id){
dni = Math.floor(sekudny/86400);
godzin = Math.floor((sekudny - dni*86400)/3600);
minut = Math.floor((sekudny - dni*86400 - godzin*3600)/60);
sekund = Math.floor(sekudny - dni*86400 - godzin*3600 - minut*60);
if(dni > 0){
document.getElementById(id).innerHTML = dni+"d, "+godzin+"h, "+minut+"m, "+sekund+"s";
}else if((godzin > 0) && (dni == 0)){
document.getElementById(id).innerHTML = godzin+"h, "+minut+"m, "+sekund+"s";
}else if((godzin == 0) && (dni == 0) && (minut > 0)){
document.getElementById(id).innerHTML = minut+"m, "+sekund+"s";
}else if((godzin == 0) && (dni == 0) && (minut == 0) && (sek > 0)) {
document.getElementById(id).innerHTML = sekund+"s";
}
}
setTimeout("getDown(172800, 'time')", 1000);
/* ]]> */</script>
 
<div id="time"></div>
[HTML] pobierz, plaintext 

Zrób sobie zmienną w której będziesz przechowywał ilość sekund oraz funkcję X która odejmuje -1 sekund, sprawdza czy ilość sekund == 0 oraz wyświetla ilośc przez funkcję "sekundy". Ostatnim krokiem będzie stworzenie timera.

Robiłem niedawno coś podobnego, u mnie to działało w taki sposób:

Ilość czasu "do odliczenia" była tworzona w PHP na takiej zasadzie, że od czasu, w którym miało się zakończyć odliczenie odejmowałem obecny czas (odejmowanie przy pomocy funkcji strtotime()). Następnie stworzyłem sobie funkcję w PHP, która zamieniała ilość sekund (tamto odejmowanie zwracało ilość pozostałych sekund) na "ludzki wzór", np: 12:31:14 (pozostało 12 godz, 31 min i 14 sek).
Ten czas był wyświetlany na stronie w jakimś DIVie o konkretnym ID. W zdarzeniu onload wykonywałem funkcję JS, która działała na tej zasadzie:

- pobierała obecny string z czasem - 12:31:14
- zamieniała ten czas na sekundy (nie znalazłem do tego funkcji w js więc napisałem własną)
- odejmowała od tego czasu 1 sekundę
- zamieniała nową ilość sekund na czas (w moim przykłądzie to bedzi 12:31:13)(także własna funkcja, gdyż nie znalazłem takiej w JS)
- podmieniała w DIVie stary czas na nowy
- na końcu za pomocą SetTimeout() funkcja była wykonywana co 1000ms, czyli 1 sek

Dało to taki wynik, że co sekundę ilość pozostałego czasu szedł w dół ^^
Musisz jeszcze pamiętać, że jeśli osiągnie 00:00:00, żeby przerwać czymś skrypt - np. ClearTimeout()

To tyle, mam nadzieję, że pomoże ^^

Ten post edytował Skie 29.07.2009, 19:42:23

[HTML] pobierz, plaintext 
<script type="text/javascript">
function getDown(sekudny, id){
 
	dni = Math.floor(sekudny/86400);
	godzin = Math.floor((sekudny - dni*86400)/3600);
	minut = Math.floor((sekudny - dni*86400 - godzin*3600)/60);
	sekund = Math.floor(sekudny - dni*86400 - godzin*3600 - minut*60);
	if(sekudny > 0){
		if(dni > 0){
			document.getElementById(id).innerHTML = dni+"d, "+godzin+"h, "+minut+"m, "+sekund+"s";
		}else if((godzin > 0) && (dni == 0)){
			document.getElementById(id).innerHTML = godzin+"h, "+minut+"m, "+sekund+"s";
		}else if((godzin == 0) && (dni == 0) && (minut > 0)){
			document.getElementById(id).innerHTML = minut+"m, "+sekund+"s";
		}else if((godzin == 0) && (dni == 0) && (minut == 0) && (sekund > 0)){
			document.getElementById(id).innerHTML = sekund+"s";
		}
		sekudny--;
	}else{
		document.getElementById(id).innerHTML =  'Już czas!';
	}
}
 
function getSecondTime(secs, id){
 
    sekudny = secs;
	ids = id;
 
    T = window.setInterval("getDown(sekudny, ids)", 1000);
}
 
</script>
<div id="time"></div>
<script type="text/javascript">getSecondTime(172800, 'time');</script>
<div id="time2"></div>
<script type="text/javascript">getSecondTime(800, 'time2');</script>
[HTML] pobierz, plaintext 

Stworzyłem coś takiego jednak dalej nie che odliczać... A skrypt będzie np. 3 elementy na raz odliczał... Proszę bardzo o pomoc.

Ten post edytował Mike122 29.07.2009, 20:39:15