Tout ce que vous devez savoir sur les minuteries en JavaScript

Cet article vous fournira une connaissance détaillée et complète de la mise en œuvre des minuteries en JavaScript avec des exemples.

Les minuteries sont un aspect important de tout langage de programmation. Comme nous le savons, le temps c'est de l'argent. Donc, dans cet article, nous verrons comment implémenter et travailler avec les minuteries en JavaScript:



Travailler avec des minuteries en JavaScript

Une minuterie est une fonction qui nous permet d'exécuter une fonction à un moment donné.En utilisant des minuteries, vous pouvez retarder l'exécution du code afin qu'elle ne se fasse pas au moment exact où un événement est déclenché ou que la page est chargée. Par exemple, vous pouvez utiliser des minuteries pour changer les bannières publicitaires sur votre site Web à intervalles réguliers, ou afficher une horloge en temps réel, etc.



Il existe une fonction de minuterie en JavaScript:setTimeout ()

La section suivante vous montrera comment créer des minuteries pour retarder le codeet comment effectuer une ou plusieurs actions de manière répétée à l'aide de la fonction en JavaScript.



Window setTimeout (), méthode

Définition et utilisation:

La méthode setTimeout () appelle une fonction ou évalue une expression après un nombre spécifié de millisecondes.

POINTE:



  • 1000 ms = 1 seconde.
  • La fonction n'est exécutée qu'une seule fois. Si vous devez répéter l'exécution, utilisez lesetInterval ()méthode.
  • Utilisez leclearTimeout ()méthode pour empêcher l'exécution de la fonction.

Cette fonction accepte deux paramètres: a fonction , qui est la fonction à exécuter, et une option retard paramètre, qui est le nombre de millisecondes représentant le temps d'attente avant d'exécuter la fonction (1 seconde = 1000 millisecondes).

Valeur de retour: Il renvoie un nombre représentant la valeur d'ID de la minuterie définie.

Code: Minuteries en JavaScript

Voici le code pour les minuteries en JavaScript qui définit le minuteur de 2 minutes et le moment où l'alerte de page «expire». LasetTimeout ()appelle une fonction ou évalue une expression après un nombre spécifié de millisecondes.

casting double en int en java

// définir les minutes

var min = 2

// calculer les secondes

var sec = minutes * 60

// la fonction de compte à rebours est évoquée lorsque la page est chargée

compte à rebours de la fonction () {

setTimeout ('Décrémenter ()', 60)

}

// Fonction de décrémentation décrémente la valeur.

function Decrement () {

if (document.getElementById) {

minutes = document.getElementById ('minutes')

seconds = document.getElementById ('secondes')

// s'il reste moins d'une minute

// Afficher uniquement la valeur des secondes.

if (secondes<59) {

secondes.valeur = secondes

}

// Afficher les minutes et les secondes

// getminutes et getseconds est utilisé pour

// obtenir les minutes et les secondes

autre {

minutes.value = getminutes ()

secondss.value = getseconds ()

}

// lorsqu'il reste moins d'une minute

// couleur des minutes et des secondes

// devient rouge

si (mins<1) {

minutes.style.color = 'rouge'

secondss.style.color = 'rouge'

}

// si les secondes deviennent nulles,

// puis le temps d'alerte de la page est écoulé

si (mins<0) {

alert ('time up')

minutes.value = 0

secondes.valeur = 0

}

is-a and has-a relation en java

// si secondes> 0 alors les secondes sont décrémentées

autre {

secs--

setTimeout ('Décrément ()', 1000)

}

}

}

function getminutes () {

// les minutes correspondent aux secondes divisées par 60, arrondies vers le bas

mins = Math.floor (s / 60)

retour minutes

}

function getseconds () {

// enlève les minutes restantes (en secondes)

// du nombre total de secondes restantes

retour sec - Math.round (min * 60)

}

Temps restant ::

:

timers-in-javascript

Lorsqu'il reste moins d'une minute, la couleur de la minuterie devient rouge.

Avec cela, nous arrivons à la fin de cet article Timers in JavaScript. C diable le par Edureka, une entreprise d'apprentissage en ligne de confiance avec un réseau de plus de 250 000 apprenants satisfaits répartis dans le monde entier.

Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de cette injection de dépendance dans AngularJs et nous vous répondrons.