1. Qu'est-ce qu'une minuterie JavaScript?
Dans JavaScript, nous pouvons exécuter du code après un intervalle défini, plutôt que immédiatement après l'appel de la fonction.
2. Type de minuterie
Timer unique: déclenché une seule fois après le temps de retard spécifié.
Timer de déclenchement d'intervalle: déclenche une fois à chaque certain intervalle de temps
3. Méthode de la minuterie
1): temporisateur unique
A): setTimeout (): Exécutez le code après le temps de retard spécifié et exécutez-le une fois.
Syntaxe: setTimeout (code, temps de retard);
Description du paramètre:
1. La fonction à appeler ou la chaîne de code à exécuter.
2. Temps de retard: le temps d'attente avant d'exécuter le code, en millisecondes (1s = 1000ms).
B): cleartimeout (): annuler setTimeout ()
Syntaxe: ClearTimeout (temporisateur)
Description du paramètre:
Timer: la valeur ID renvoyée par setTimeout (). Cette valeur identifie le bloc de code d'exécution retardé à annuler.
Appel SetTimeout () et ClearTimeout () Méthodes de retard:
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<meta charset = "utf-8">
<Title> Timer JavaScript </Title>
<input type = "bouton" value = "start" id = "btnstart" onclick = "startprint ()">
<input type = "bouton" value = "pause" id = "btnstop" onclick = "stopprint ()">
<br>
</ head>
<body>
<script type = "text / javascript">
// définir la méthode d'impression
fonction print ()
{
console.log ("J'imprime!");
}
Var Timer; // Cette valeur identifie le bloc de code d'exécution retardé à annuler
// commence à l'impression
fonction startprint ()
{
Timer = setTimeout (imprimer, 1000); // Appelez la minuterie, retarder l'impression de 1 seconde, ne s'exécutez qu'une seule fois
}
// fin d'impression
fonction stopprint ()
{
ClearTimeout (temporisateur); // Annuler la minuterie
}
</cript>
</docy>
</html>
Appel setTimeout () et cleartimeout () Méthodes de boucle infinie:
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<meta charset = "utf-8">
<Title> Timer JavaScript </Title>
<input type = "bouton" value = "start" id = "btnstart" onclick = "startprint ()">
<input type = "bouton" value = "pause" id = "btnstop" onclick = "stopprint ()">
<br>
</ head>
<body>
<script type = "text / javascript">
// définir la méthode d'impression
fonction print ()
{
console.log ("J'imprime!");
timer = setTimeout (imprimer, 1000); // démarrer la minuterie, appeler vous-même et effectuer une boucle infinie
}
Var Timer; // Cette valeur indique le bloc de code pour annuler l'exécution retardée
// commence à l'impression
fonction startprint ()
{
Print (); // appelle la méthode d'impression
}
// fin d'impression
fonction stopprint ()
{
ClearTimeout (temporisateur); // Annuler la minuterie
}
</cript>
</docy>
</html>
2): minuteur de déclenchement d'intervalle
A): setInterval (): Lors de l'exécution, le code est exécuté à chaque fois spécifié après le chargement de la page.
Syntaxe: setInterval (code, temps d'interaction);
Description du paramètre:
1. Code: la fonction à appeler ou la chaîne de code à exécuter.
2. Temps d'interaction: l'intervalle de temps entre l'exécution périodique ou les expressions d'appel, mesurée en millisecondes (1S = 1000 ms).
Valeur de retour:
Une valeur qui peut être transmise à ClearInterval () pour annuler l'exécution périodique de "code".
Format de fonction d'appel (en supposant qu'il y a une fonction horloge ()):
setInterval ("horloge ()", 1000) ou setterval (horloge, 1000)
B): la méthode clearInterval () annule le temps d'interaction défini par setInterval ()
Syntaxe: ClearInterval (temporisateur)
Description du paramètre:
Timer: la valeur ID renvoyée par setInterval ().
Appeler setInterval () et clearInterval () pour exécuter l'instance de méthode d'exécution d'intervalle
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<meta charset = "utf-8">
<Title> Timer JavaScript </Title>
<input type = "bouton" value = "start" id = "btnstart" onclick = "startprint ()">
<input type = "bouton" value = "pause" id = "btnstop" onclick = "stopprint ()">
<br>
</ head>
<body>
<script type = "text / javascript">
// définir la méthode d'impression
fonction print ()
{
console.log ("J'imprime!");
}
Var Timer; // Cette valeur identifie le bloc de code d'exécution de la minuterie à annuler
// commence à l'impression
fonction startprint ()
{
timer = setInterval ("print ()", 1000); // Démarrer la minuterie
}
// fin d'impression
fonction stopprint ()
{
ClearInterval (Timer); // Annuler la minuterie
}
</cript>
</docy>
</html>
Ce qui précède est tout le contenu décrit dans cet article. J'espère que vous pouvez l'aimer.