DEMONSTRATION :
Affichage d'un chronomètre :
INSTALLATION DU SCRIPT :
Le code à insérer dans la partie
<HEAD>
et
</HEAD>
:
<script language="JavaScript"> <!-- /************************************************************************* * APPLICATION : Affichage d'un Chronometre * * RECUPERE A L ADRESSE : http://www.asi.fr/~ericbon/htmldoc.htm * **************************************************************************/ var timerRunning = false var timerID = null var initial = new Date() function sstart() { document.forms.chrono.general.value = "stopper" document.forms.chrono.general.onclick = stop if (confirm("Lancer le Chronomètre ?")) initial = new Date() startTime = initial.getTime() stopTimer() showTimer() } function stop() { document.forms.chrono.general.value = "Démarrer" document.forms.chrono.general.onclick = sstart stopTimer() } function stopTimer() { if (timerRunning) clearTimeout(timerID) timerRunning = false } function showTimer() { var current = new Date() var curTime = current.getTime() var dif = curTime - startTime var result = dif / 1000 if (result < 1) result = "0" + result result = result.toString() if (result.indexOf(".") == -1) result += ".00" if (result.length - result.indexOf(".") <= 2) result += "0" document.forms.chrono.display.value = result timerID = setTimeout("showTimer()", 0) timerRunning = true } // --> </script>
Le code à insérer dans l'instruction
<BODY>
:
Le code à insérer dans la partie
<BODY>
et
</BODY>
:
<FORM NAME="chrono"> <INPUT TYPE="text" NAME="display" VALUE="" onFocus="this.blur()"> <INPUT TYPE="button" NAME="general" VALUE="Démarrer" onClick="sstart()"> </FORM>