Méthode Window clearInterval()

Définition et utilisation

clearInterval() Méthode de suppression Méthode setInterval() Chronomètre configuré.

Avis

Pour supprimer l'intervalle, utilisez setInterval() ID retourné :

myInterval = setInterval(function, milliseconds);

Ensuite, vous pouvez appeler clearInterval() Pour arrêter l'exécution :

clearInterval(myInterval);

Veuillez également consulter :

Méthode setInterval()

Méthode setTimeout()

Méthode clearTimeout()

Exemple

Exemple 1

Affichez l'heure toutes les secondes. Utilisez clearInterval() pour arrêter l'heure :

const myInterval = setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
  document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
  clearInterval(myInterval);
}

Essayez-le vous-même

Exemple 2

Changez d'arrière-plan toutes les 500 millisecondes entre deux couleurs :

const myInterval = setInterval(setColor, 500);
function setColor() {
  let x = document.body;
  x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
  clearInterval(myInterval);
}

Essayez-le vous-même

Exemple 3

Créez une barre de progression dynamique en utilisant setInterval() et clearInterval() :

function move() {
  const element = document.getElementById("myBar");
  let width = 0;
  const id = setInterval(frame, 100);
  function frame() {
    if (width == 100) {
      clearInterval(id);
    } else {
      width++;
      element.style.width = width + '%';
    }
  }
}

Essayez-le vous-même

Syntaxe

clearInterval(intervalId)

Paramètres

Paramètres Description
intervalId Obligatoire. À partir de setInterval() Retour de l'ID d'intervalle.

Retour de la valeur

Aucun.

Description

clearInterval() La méthode arrête l'exécution périodique du code spécifié, l'opération sur ces codes est appelée Méthode setInterval() démarré. Paramètres intervalId doit être appelé Méthode setInterval() la valeur de retour après.

Supporte le navigateur

Tous les navigateurs supportent clearInterval()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support