JavaScript événements de synchronisation

1 2 3 4 5 6 7 8 9 10 11 12

JavaScript peut être exécuté dans des intervalles de temps. C'est ce qu'on appelle les événements de synchronisation.

---

Evénements de temporisation JavaScript

Avec JavaScript, il est possible d'exécuter du code à des intervalles de temps spécifiés. C'est ce qu'on appelle les événements de synchronisation.

Il est très facile à des événements en temps en JavaScript. Les deux principales méthodes utilisées sont:

• setInterval () - exécute une fonction, maintes et maintes fois, à des intervalles de temps spécifiés
• setTimeout () - exécute une fonction, une fois, après avoir attendu un nombre spécifié de millisecondes

Remarque: La fonction setInterval () et setTimeout () sont les deux méthodes de l'objet HTML DOM fenêtre.

---

La méthode setInterval ()

La méthode setInterval () attend un certain nombre de millisecondes, puis exécuter une fonction spécifique, et il continuera d'exécuter la fonction, une fois à chaque intervalle de temps donné.

Syntaxe

setInterval("javascript function",milliseconds);

Le premier paramètre de setInterval () devrait être une fonction.

Le second paramètre indique la longueur des intervalles de temps entre chaque exécution.

Remarque: Il ya 1000 millisecondes dans une seconde.

Exemple

Alerter "bonjour" toutes les 3 secondes:

setInterval(function(){alert("Hello")},3000);

Essayez vous-même »

L'exemple vous montre comment la méthode setInterval () fonctionne, mais ce n'est pas très probable que vous voulez pour alerter un message toutes les 3 secondes.

Voici un exemple qui permettra d'afficher l'heure actuelle. La méthode setInterval () est utilisée pour exécuter la fonction une fois toutes les 1 seconde, tout comme une montre digitale.

Exemple

Afficher l'heure actuelle:

function myFunction()
{
setInterval(function(){myTimer()},1000);
}

function myTimer()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}

Essayez vous-même »

Comment arrêter l'exécution?

La méthode clearInterval () est utilisée pour arrêter de nouvelles exécutions de la fonction spécifiée dans le méthode setInterval ().

Syntaxe

clearInterval(intervalVariable)

Pour être en mesure d'utiliser la méthode clearInterval (), vous devez utiliser une variable globale lors de la création de la méthode d 'intervalle:

myVar=setInterval("javascript function",milliseconds);

Ensuite, vous serez en mesure d'arrêter l'exécution en appelant la méthode clearInterval ().

Exemple

Même exemple que ci-dessus, mais nous avons ajouté un "Arrêter le minuteur" bouton:

var myVar;

function myFunction()
{
myVar=setInterval(function(){myTimer()},1000);
}

function myTimer()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}

function myStopFunction()
{
clearInterval(myVar);
}

Essayez vous-même »

---

La méthode setTimeout ()

Syntaxe

setTimeout("javascript function",milliseconds);

La méthode setTimeout () va attendre le nombre spécifié de millisecondes, puis exécuter la fonction spécifiée.

Le premier paramètre de setTimeout () devrait être une fonction.

Le deuxième paramètre indique le nombre de millisecondes, à partir de maintenant, vous voulez exécuter le premier paramètre.

Exemple

Attendre 3 secondes, puis d'alerter "Bonjour":

setTimeout(function(){alert("Hello")},3000);

Essayez vous-même »

Comment arrêter l'exécution?

La méthode clearTimeout () est utilisée pour arrêter l'exécution de la fonction spécifiée dans la méthode setTimeout ().

Syntaxe

clearTimeout(timeoutVariable)

Pour être en mesure d'utiliser la méthode clearTimeout (), vous devez utiliser une variable globale lors de la création de la méthode de temporisation:

myVar=setTimeout("javascript function",milliseconds);

Ensuite, si la fonction n'a pas deja en cours d'exécution, vous serez en mesure d'arrêter l'exécution en appelant la clearTimeout () méthode.

Exemple

Même exemple que ci-dessus, mais nous avons ajouté un "Stop l'alerte" sur le bouton:

var myVar;

function myFunction()
{
myVar=setTimeout(function(){alert("Hello")},3000);
}

function myStopFunction()
{
clearTimeout(myVar);
}

Essayez vous-même »

---

Exemples

Un autre moment simple,

Une horloge créé avec un événement de synchronisation