Le code de ce script est plutôt simple :
<script>
var centi=0 //
initialise les dixtièmes
var secon=0 //
initialise les secondes
var minu=0 //
initialise les minutes
function chrono(){
centi++; //
incrémentation des dixièmes de 1
if (centi>9){centi=0;secon++} //
si les dixièmes > 9,
on les réinitialise à 0 et on incrémente les secondes de 1
if (secon>59){secon=0;minu++} //
si les secondes > 59,
on les réinitialise à 0 et on incrémente les minutes de 1
document.forsec.secc.value=" "+centi //
on affiche les dixièmes
document.forsec.seca.value=" "+secon //
on affiche les secondes
document.forsec.secb.value=" "+minu //
on affiche les minutes
compte=setTimeout('chrono()',100) //
la fonction est relancée
tous les 10° de secondes
}
function rasee(){ //
fonction qui remet les compteurs à 0
clearTimeout(compte) //
arrête la fonction chrono()
centi=0;
secon=0;
minu=0;
document.forsec.secc.value=" "+centi
document.forsec.seca.value=" "+secon
document.forsec.secb.value=" "+minu
}
</script>
Le code HTML aussi :
<form name="forsec">
<input type="text" size="3" name="secb"> minute(s)
<input type="text" size="3" name="seca"> secondes
<input type="text" size="3" name="secc"> dixièmes
<input type="button" value="Chrono" onclick="chrono()">
<input type="button" value="RaZ" onclick="rasee()">
<input type="button" value="Tempo" onclick="clearTimeout(compte)">
//
arrête temporairement la fonction chrono()
</form>