Bonjour à tous,
J'ai un script permettant de lancer un chronomètre sur une page en cliquant sur un bouton (et de l'arrêter de la même façon).
Maintenant je souhaiterai mettre deux chronos (voir plus) sur la même page, mais je ne sais pas comment faire. J'arrive à déclencher les deux chronomètres mais je n'arrive pas à remettre le compteur du deuxième chronomètre à zéro (tout en gardant l'information du premier chronomètre).
Si quelqu'un a une idée
Merci d'avance!
voici le script en question :
J'ai un script permettant de lancer un chronomètre sur une page en cliquant sur un bouton (et de l'arrêter de la même façon).
Maintenant je souhaiterai mettre deux chronos (voir plus) sur la même page, mais je ne sais pas comment faire. J'arrive à déclencher les deux chronomètres mais je n'arrive pas à remettre le compteur du deuxième chronomètre à zéro (tout en gardant l'information du premier chronomètre).
Si quelqu'un a une idée

Merci d'avance!
voici le script en question :
<script type="text/javascript"><!--
var zecsec = 0;
var seconds = 0;
var startchron = 0;
function startChr(chrono) {
this.chrono = chrono;
startchron = 1; chronometer(); }
function stopChr(chrono) { startchron = 0; }
function chronometer() {
if(startchron == 1) {
zecsec += 1;
if(zecsec > 9) {
zecsec = 0;
seconds += 1;
}
document.getElementById("showtm"+this.chrono).innerHTML = seconds+ '<sub>'+ zecsec+ '</sub>';
setTimeout("chronometer()", 100);
}
}
--></script>
Chrono 1
<div id="showtm1" style="font-size:21px; font-weight:800;">0:0</div>
<button onclick="startChr(1)">Start</button>
<button onclick="stopChr(1)">Stop</button>
<br>
Chrono 2
<div id="showtm2" style="font-size:21px; font-weight:800;">0:0</div>
<button onclick="startChr(2)">Start</button>
<button onclick="stopChr(2)">Stop</button>