Creare Timer

[simone.marchese]

Ciao a tutti dopo una ricerca su come poter creare un timer scrivo qui.

In pratica mi servirebbe far visualizzare le ore i minuti e i secondi che passano al click di un bottone e se è possibile stoppare il timer e farlo ripartire.

Ovviamente vanno bene anche link o guide su come poter riprodurre quanto chiesto
Grazie

[SimoX90]

è facile!

//NOTA:***questo codice è solo una traccia di massima, ad esempio al click sul button ricomincia subito il timer, bisogna perfezionarlo per le proprie esigenze***
var interval; //variabile globale o quantomeno esterna alla funzione
function Timer(){
var hh=0;
var mm=0;
var ss=-1;//important!
var oldTime=0;
clearInterval(interval);
function runTimer(){
 ss=ss+1;//aggiungo un secondo, se raggiunge i 60 faccio i dovuti controlli
 if(ss==60){
  mm=mm+1;
  ss=0;
 }
 if(mm==60){
  hh=hh+1;
  mm=0;
 }
 //JQUERY: stampa dei risultati se no fallo in javascript:
 $('#hh').text(hh);
 $('#mm').text(mm);
 $('#ss').text(ss);
}
runTimer(); //inizializza a 0 il timer
interval=setInterval(function(){runTimer();},1000); //1000 millisecondi=1 secondo
}

//_____nell'html
<button onClick="javascript:Timer();"></button>

Se ti serve mettere in pausa usi 2 pulsanti e giochi con clearInterval(),
se ti servono funzioni sulla data più specifiche guarda qua http://www.w3schools.com/jsref/jsref_obj_date.asp
se devi formattare l'output (es 2 cifre) convertilo in stringa e ne misuri la lunghezza, se ==1 allora aggiungi un '0' davanti.

OVVIAMENTE nell'html devi anche mettere i tre div hh, mm, ss

[simone.marchese]

Grazie mille!