JavaScript setInterval () Exemples de fonction

JavaScript setInterval() est utilisée pour exécuter automatiquement des tâches en fonction d'un minuteur. setInterval() est une fonction JavaScript native, très similaire à la fonction setTimeout() de jQuery.

Basic setInterval() Exemple

setInterval(function() {
      // 每5秒执行一次操作
}, 5000);

Astuce: Si vous chargez dynamiquement l'image et chargez les variables du script PHP, vous devez ajouter une sorte de nombre aléatoire au script pour forcer tous les navigateurs à actualiser. Le code suivant peut être utilisé pour générer des nombres aléatoires:

$(document).ready(function() {
    var refreshId = setInterval(function() {
        var r = (-0.5) + (Math.random() * (1000.99));
        $('#img-container').load('images/gallery/best/random.php?' + r);
    }, 5000);
});

Astuce: Vous devrez peut-être également utiliser la méthode AJAX au lieu de la méthode de chargement pour éviter les demandes AJAX cachetées. Alternativement, vous pouvez ajouter random.php en haut du fichier header("Cache-Control: no-cache, must-revalidate"); pour empêcher le cache du navigateur.

JavaScript setInterval FAQS (FAQ)

setInterval et setTimeout?

setInterval et setTimeout sont tous deux des fonctions JavaScript intégrées qui sont utilisées pour exécuter du code après une période de temps spécifiée. Cependant, ils fonctionnent différemment. setInterval exécutera le code à plusieurs reprises jusqu'à ce qu'il soit arrêté; setTimeout

? setInterval

pour arrêter ou effacer clearInterval. Cette fonction nécessite la valeur ID renvoyée par la fonction setInterval comme un paramètre. Exemple: setInterval

let intervalID = setInterval(myFunction, 3000);
// 清除间隔
clearInterval(intervalID);

, clearInterval cessera d'exécuter toutes les 3 secondes. myFunction

avec les fonctions flèches? setInterval

setInterval(() => {
  console.log('Hello, World!');
}, 1000);

dans la classe JavaScript? setInterval

. Cependant, vous devez lier le mot-clé this à l'instance de classe, sinon il fera référence à l'objet global. Exemple: setInterval this

class MyClass {
  constructor() {
    this.myMethod = this.myMethod.bind(this);
    setInterval(this.myMethod, 1000);
  }

  myMethod() {
    console.log('Hello, World!');
  }
}

Les paramètres supplémentaires peuvent-ils être transmis aux fonctions dans

setInterval Oui. Après les paramètres retardés, un nombre de paramètres peut être ajouté à laquelle la fonction sera transmise lorsque la fonction sera appelée. Exemple:

setInterval(function(a, b) {
  console.log(a + b);
}, 1000, 'Hello, ', 'World!');

comment utiliser setInterval avec promesse?

peut être utilisé avec la promesse par enveloppement setInterval dans le constructeur de promesses. Cependant, n'oubliez pas que setInterval continuera de s'exécuter jusqu'à ce qu'il soit arrêté, vous devez donc fournir une condition pour analyser ou rejeter la promesse. Exemple: setInterval

setInterval(function() {
      // 每5秒执行一次操作
}, 5000);

? setInterval

, l'appel suivant sera mis en file d'attente et exécuté immédiatement une fois l'appel actuel terminé. Cela peut entraîner de s'accumuler des appels de fonction, ce qui peut entraîner des problèmes de performances. setInterval

dans Node.js? setInterval

$(document).ready(function() {
    var refreshId = setInterval(function() {
        var r = (-0.5) + (Math.random() * (1000.99));
        $('#img-container').load('images/gallery/best/random.php?' + r);
    }, 5000);
});

avec setInterval? async/await

en emballage setInterval dans une promesse, puis en traitant la promesse en utilisant la syntaxe async/await. Exemple: setInterval async/await

let intervalID = setInterval(myFunction, 3000);
// 清除间隔
clearInterval(intervalID);

Puis-je utiliser

setInterval Oui, vous pouvez l'utiliser pour mettre à jour régulièrement une partie d'une page Web, animer des éléments ou effectuer d'autres tâches. Exemple:

setInterval(() => {
  console.log('Hello, World!');
}, 1000);

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!