Comment planifier les tâches à l'aide de setTimeout et setInterval en javascript

JavaScript fournit quelques méthodes intégrées pour la planification des temps telle que la méthode «setTimeout ()» et la méthode «setInterval ()». Ces méthodes sont utilisées pour planifier les tâches, la méthode «setTimeout ()» exécute une fonction une seule fois à l'heure planifiée, mais la méthode «setInterval ()» invoque une fonction à plusieurs reprises après l'attente spécifiée.

SetInterval () Méthode en javascript

JavaScript propose une méthode setInterval () qui nous permet d'invoquer une fonction à plusieurs reprises. Il faut deux paramètres un pour la fonction à invoquer et le deuxième paramètre est pour le temps. Le "SetInterval ()" peut prendre des paramètres supplémentaires et les transmettre à la fonction de rappel.

Nous considérerons un exemple pour comprendre le fonctionnement de la méthode setInterval ():

Selt Number = 0;
Selt Number = 0;
fonction carré ()
nombre ++;
seq = nombre * numéro;
console.log ("Le nombre est égal:", numéro);
console.log ("carré du numéro:", seq);

setInterval (carré, 3000);

Dans cet exemple, nous écrivons un code pour imprimer le carré de tout numéro positif. Comme nous devons appeler la fonction carrée à plusieurs reprises, nous utilisons donc le "SetInterval ()" méthode. Le code imprimera le carré de chaque nombre positif après le retard de 3 secondes:

Comment fonctionne SetInterval

Initialement, nous avons créé une fonction "carré( )" et dans le "carré( )" fonction Nous avons écrit le code pour imprimer le carré de n'importe quel numéro. Ensuite, nous invoquons le "carré( )" fonction en utilisant le "SetInterval ()" méthode. Maintenant, que va-t-il se passer? Une chaîne commencera:

• Attendez 3 secondes, incrémentez le nombre et imprimez le carré de ce nombre,
• Et attendez à nouveau 3 secondes puis incrémentez le nombre et imprimez le carré de ce nombre.
• La méthode «setInterval ()» imprimera à plusieurs reprises le carré de chaque numéro et ne le fera pas.

Méthode setTimeout () en javascript

Dans JavaScript, la méthode "setTimeout ()" nous permet d'exécuter n'importe quelle fonction après l'heure spécifiée une fois. Il faut deux paramètres un pour la fonction à invoquer et le deuxième paramètre est pour le temps. Considérons le même exemple et appliquons "SetTimeout ()" Méthode et observer la différence:

Selt Number = 0;
fonction carré ()
nombre ++;
seq = nombre * numéro;
console.log ("Le nombre est égal:", numéro);
console.log ("carré du numéro:", seq);

setTimeout (carré, 3000);

En conséquence, il invoquera la fonction carrée qu'une seule fois, ce qui signifie qu'il imprimera le carré d'un seul numéro:

Comment fonctionne SetInterval

Si nous invoquons le "carré( )" fonction en utilisant le "SetTimeout ()" Méthode, maintenant ce qui va se passer?

• Lorsque nous exécutons le code, initialement, il attendra trois secondes, puis incrémente le nombre et imprimera le carré de ce numéro.
• Mais cette fois, cela n'invoquerait pas à nouveau la méthode «carré ()» parce que "SetTimeout ()" n'appelle la fonction qu'une seule fois, et en conséquence, nous obtiendrons le carré d'un seul numéro.

Note:

Nous ne pouvons pas appeler la fonction dans la méthode «setTimeout ()» ou dans la méthode «setInterval ()» à la place, nous n'écrivons que le nom de la fonction si nous le faisons, alors ces méthodes ne fonctionneraient pas correctement, la sortie sera imprimé sans aucun délai:

setTimeout (carré, 3000); // Syntaxe correcte
setTimeout (carré (), 3000); // syntaxe incorrecte
setInterval (carré, 3000); // Syntaxe correcte
setInterval (carré (), 3000); // syntaxe incorrecte

Dans ce code, nous avons écrit à la fois correctement ainsi que la syntaxe incorrecte pour la méthode "setTimeout ()" et la méthode "setInterval ()"

Conclusion

JavaScript fournit des méthodes intégrées qui sont utilisées pour exécuter un morceau de code basé sur une minuterie. Ces fonctions offrent des fonctionnalités différentes, par exemple la fonction «setTimeout ()» exécute n'importe quelle fonction une seule fois tandis que la méthode «setInterval ()» exécute toute fonction récursive. Cet article fournit un aperçu des méthodes «setTimeout» et «setInterval ()» avec l'aide de quelques exemples.