Événements de chronométrage en JavaScript

Événements qui sont tirés sur un intervalle de temps spécifique pour exécuter le Javascrip Le code est connu sous le nom d'événements de synchronisation. Ils peuvent être utilisés pour retarder l'exécution du code ou pour exécuter un bloc de code à plusieurs reprises après un intervalle de temps spécifique. Ces événements sont appelés méthodes globales car elles sont directement disponibles dans le HTML DOM et peut être invoqué de n'importe où dans le code.

Comment exécuter le code JavaScript après un intervalle de temps spécifique

Éxécuter Javascrip Code Après un intervalle de temps spécifique, l'objet Window est utilisé.

Il existe deux méthodes principales / de base, utilisées pour les événements de synchronisation:

• fonction setTimeout ()
• SetInterval () Fonction

Les deux fonctions ci-dessus sont utilisées pour exécuter un bloc de code qui leur est fourni comme une fonction à exécuter à un intervalle de temps spécifié mais avec une différence subtile. Commençons par regarder les syntaxes des deux fonctions et des différences entre ces syntaxes:

Fonction setTimeout () dans JavaScript

La syntaxe de fonction setTimeout () est:

setTimeout (fonction, timeInterval)
// ou
fenêtre.setTimeout (fonction, timeInterval)

Puisque nous savons que l'objet Window est utilisé pour exécuter le code JavaScript après un intervalle de temps spécifié, mais même si nous n'utilisons pas l'objet Window setTimeout () ou SetInterval () Fonction, Ils fonctionneront tous les deux de la même chose.

Le fonction setTimeout () Prend deux arguments comme paramètres:

• L'un est une fonction qui doit être exécutée
• Le second est un intervalle de temps en millisecondes, après quoi la fonction spécifiée dans le premier paramètre sera exécutée.

Le fonction setTimeout () est utilisé pour exécuter la fonction fournie une fois après avoir attendu que l'intervalle de temps soit terminé.

Comment arrêter l'exécution de la fonction setTimeout ()

Parfois, nous devons arrêter l'exécution de la fonction définie / appelée dans le fonction setTimeout () Avant même que le temps mentionné ne soit atteint. Par exemple, lors du chargement des données du serveur, nous montrons des chargeurs sur l'application Web, lorsque les données sont récupérées avant l'heure prévue, nous pouvons simplement arrêter le chargeur et afficher les données.

fonction cleartimeout () en javascript

Pour arrêter l'exécution du fonction setTimeout (), le fonction cleartimeout () est utilisé:

Syntaxe

La syntaxe du fonction cleartimeout () est:

ClearTimeout (setTimeoutVariable)

Le fonction cleartimeout () prend simplement le nom de variable qui a été renvoyé par la fonction setTimeout ().

Par exemple, si nous avons appelé le fonction setTimeout ():

holdExec = setTimeout (() =>
console.journal (fait);
, 5000)

Maintenant, pour arrêter l'exécution du fonction setTimeout () Avant que l'intervalle de temps ne soit terminé, nous devons fournir le «holdexec”Variable comme argument au fonction cleartimeout () et le fonction cleartimeout () irait comme ceci:

ClearTimeout (HoldExec);

Si la fonction à l'intérieur du fonction setTimeout () n'est pas exécuté, puis l'exécution du fonction setTimeout () sera interrompu.

SetInterVal () Fonction dans JavaScript

Le SetInterval () Fonction Et sa syntaxe est presque la même que le fonction setTimeout () Pourtant, la seule différence entre eux est que le SetInterval () Fonction Continue à exécuter la fonction en continu après avoir frappé l'intervalle de temps.

La syntaxe de SetInterval Fonction est:

setInterval (fonction, timeInterval)

Le SetInterval () Fonction prend également deux arguments en tant que paramètres:

• L'une est une fonction qui doit être exécutée à chaque fois après l'intervalle de temps spécifié.
• Le deuxième paramètre est un intervalle de temps, après quoi la fonction sera exécutée encore et encore.

Maintenant, la question se pose ici, si le SetInterval () Fonction Continue à exécuter la fonction en continu alors comment pouvons-nous arrêter l'exécution? La section suivante l'expliquera:

Comment arrêter l'exécution de la fonction setInterval ()

Eh bien, tout comme le fonction cleartimeout (), Nous avons également la possibilité d'arrêter l'exécution du SetInterval () Fonction.

Fonction ClearInterVal () dans JavaScript

Pour arrêter l'exécution du SetInterval () Fonction, le Fonction ClearInterval () est utilisé:

Syntaxe

La syntaxe du Fonction ClearInterval () est:

ClearInterval (setIntervalvariable)

Le Fonction ClearInterval () prend juste le nom variable qui a été retourné par le SetInterval () Fonction.

Par exemple, si nous avons appelé le SetInterval () Fonction:

holdExec = setInterval (() =>
console.Log (tenir…);
, 100)

Maintenant, pour arrêter l'exécution du SetInterval () Fonction Chaque fois que nous le voulons, nous devons juste fournir le «holdexec”Variable comme argument au Fonction ClearInterval () et le Fonction ClearInterval () irait comme ceci:

ClearInterval (HoldExec);

L'exécution du SetInterval () Fonction sera arrêté juste lorsque vous exécutez le mentionné ci-dessus Fonction ClearInterval ().

Conclusion

JavaScript offre aux programmeurs un certain nombre de méthodes pour exécuter de manière asynchrone un bloc de code; Ces méthodes sont appelées événements de synchronisation. Les événements de synchronisation permettent l'exécution périodique du code JavaScript; Ils permettent également au programmeur de retarder l'exécution de certains blocs de code. Dans ce tutoriel, nous avons couvert les bases des événements de synchronisation en JavaScript; Nous avons appris ce qu'ils sont et comment les utiliser dans notre code.