lundi 21 mars 2011

Une minuterie javascript

minuterie javascript





 

Javascript met à votre disposition une minuterie (ou plus précisément un compteur à rebours) qui permettra de déclencher une fonction après un laps de temps déterminé.
La syntaxe de mise en route du temporisateur est :
    nom_du_compteur = setTimeout("fonction_appelée()", temps en milliseconde)
Ainsi, setTimeout("demarrer()",5000) va lancer la fonction demarer() après 5 secondes.
Pour arrêter le temporisateur avant l'expiration du délai fixé, il y a :
    clearTimeout(nom_du_compteur)
Prenons un exemple (d'une utilité douteuse mais disons...qu'il est didactique) :
En cliquant sur le bouton "Mise en route", vous activez un compteur qui va afficher une boite d'alerte après 2 secondes. Si vous avez un peu de réflexe, vous pouvez arrêter prématurément le processus en cliquant sur le bouton "Stop test".
Le script se présente comme suit :
<HTML>
<HEAD>
<SCRIPT LANGUAGE="Javascript">
<!--
function start(){
comp=(setTimeout("alert('Vos réflexes sont très lents !')",2000));
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<FORM name="form">
<INPUT TYPE="button" VALUE="Mise en route" onClick="start()">
<INPUT TYPE="button" VALUE=" Stop test " onClick="
clearTimeout(comp)">
</FORM>
</BODY>
</HTML>

Avec l'instruction comp=(setTimeout("alert('Vos réflexes sont très lents !')",2000)), on initialise un compteur, appelé comp par la méthode setTimeout(). Ce compteur va déclencher la fonction start() après un délai de 2000 millisecondes soit 2 secondes.
Avec clearTimeout(comp), on va arrêter avant terme le compteur dont le nom est comp.


d'autre exemple plus clair
<html>

<head>
<title>fonction javascript</title>

<script type="text/javascript">
function display()
{
alert("bonjour")

}
</script>
</head>

<body>

<form>
<input type="button" onclick="setTimeout('display()',300)" value="Clik ici">
</form>
</body>

</html>

 

Aucun commentaire:

Enregistrer un commentaire