Countdown diverso da form

**leon-kennedy** · 13-02-2011, 19:34

Ciao a tutti!
Ho bisogno di fare uno script che in base all'opzione selezionata dall'utente parta uno script di countdown di diversa durata.
Questo è il form:

Codice PHP:


<form method="post" action="inizia_allenamenti.php">

<select name="durata">

<option value="riposo">Riposo</option>

<option value="leggero">Leggero</option>

<option value="medio">Medio</option>

<option value="intenso">Intenso</option>

</select>

</form>

Riposo: lo script non parte.
Leggero: countdown di 2 ore.
Medio: countdown di 3 ore.
Intenso: countdown di 5 ore.

Ringrazio chiunque saprà darmi una mano! =)

**br1** · 13-02-2011, 20:22

Uno dei mille modi per farlo...

codice:

<!doctype html>
<html>
 <head>
  <title> CountDown </title>
	<script type="text/javascript">
	var h = 0;
	var m = 0;
	var s = 0
	var t;
	function start_countdown(f){
		if(t) clearTimeout(t); t = false;
		m = 0; s = 0; h = parseInt(f.options[f.selectedIndex].value);
		countdown();
	}
	function countdown() {
		d = String(100+h).substr(1)+":"+String(100+m).substr(1)+":"+String(100+s).substr(1);
		document.getElementById("counter").innerHTML = d;
		if(h+m+s>0) {
			s--; 
			if(s<0) {
				s = 59; m--; 
				if(m<0) {
					m = 59; h--;
				}
			}
			t = setTimeout("countdown()",1000);
		}
	}
	</script>
 </head>

 <body>
	<select onchange="start_countdown(this);return false"> 
	<option value="0">Riposo</option> 
	<option value="2">Leggero</option> 
	<option value="3">Medio</option> 
	<option value="5">Intenso</option> 
	</select> 
	<hr>
	<div id="counter" style="font-size:5em;"></div>
 </body>
</html>

**leon-kennedy** · 13-02-2011, 21:47

Ciao e grazie,sei stato gentilissimo?

Potresti però dirmi cosa significa la parte di codice evidenziata,perchè preferisco capire come funziona lo script:

Codice PHP:


function start_countdown(f){



if(t) clearTimeout(t); t = false;

m = 0; s = 0; h = parseInt(f.options[f.selectedIndex].value);

countdown();

    

}

    

function countdown() {

d = String(100+h).substr(1)+":"+String(100+m).substr(1)+":"+String(100+s).substr(1); document.getElementById("counter").innerHTML = d;

}

**br1** · 13-02-2011, 22:18

if(t) clearTimeout(t); t = false; // se t e' valorizzato c'e' un timeout in corso quindi lo fermo

m = 0; s = 0; h = parseInt(f.options[f.selectedIndex].value); // azzero minuti, secondi, e imposto ore al valore letto dalla select passata come parametro alla funzione

d = String(100+h).substr(1)+":"+String(100+m).substr(1 )+":"+String(100+s).substr(1); // formatto la stringa da visualizzare

document.getElementById("counter").innerHTML = d; // e la visualizzo nello spazio predisposto

Perdona, ma per una spiegazione piu' dettagliata e' meglio consultare il manuale

**leon-kennedy** · 14-02-2011, 17:18

Grazie mille,sei stato chiarissimo!

Consulterò lo stesso il manuale per approfondire

Discussione: Countdown diverso da form

Strumenti discussione

Ricerca discussione

Visualizza

Countdown diverso da form

Permessi di invio