


Comment créer un intervalle répétitif avec SetInterval dans JavaScript
Sep 21, 2025 am 05:31 AMPour créer un intervalle de répétition dans JavaScript, vous devez utiliser la fonction setInterval (), qui exécutera à plusieurs reprises des fonctions ou des blocs de code à des intervalles de millisecondes spécifiés. Par exemple, setInterval (() => {Console.log ("Exécuter toutes les 2 secondes");}, 2000) publiera un message toutes les 2 secondes jusqu'à ce qu'il soit effacé par ClearInterval (Interpalid). Il peut être utilisé dans les applications réelles pour mettre à jour les horloges, les serveurs de sondage et d'autres scénarios, mais prêtez attention à la limite de retard minimum et à l'impact du temps d'exécution de la fonction, et effacer l'intervalle dans le temps lorsqu'il n'est plus nécessaire pour éviter les fuites de mémoire. Surtout avant la désinstallation des composants ou la fermeture des pages, il doit être nettoyé pour assurer la stabilité du programme et la version des ressources.
Pour créer un intervalle répétitif dans JavaScript, vous utilisez la fonction setInterval()
. Il exécute une fonction ou un bloc de code spécifié à plusieurs reprises à des intervalles de temps fixes, mesurés en milliards de ce moment.
Voici comment cela fonctionne:
Syntaxe de base
const interalid = setInterval (function, retard, param1, param2, ...);
-
function
: La fonction à exécuter à plusieurs reprises. -
delay
: l'intervalle de temps entre les exécutions en millions de secondes. - Paramètres supplémentaires (facultatif): transmis à la fonction lorsqu'il est appelé.
Exemple: message répétitif simple
setInterval (() => { console.log ("Cela fonctionne toutes les 2 secondes"); }, 2000);
Cela imprimera le message toutes les 2000 millions de secondes (2 secondes) jusqu'à ce que l'intervalle soit effacé ou que le programme se termine.
Effacer l'intervalle
Pour arrêter la répétition, utilisez clearInterval()
avec l'ID d'intervalle renvoyé par setInterval
.
const interalid = setInterval (() => { console.log ("Running ..."); }, 1000); // s'arrête après 5 secondes setTimeout (() => { ClearInterval (intervalid); console.log ("arrêté"); }, 5000);
Cas d'utilisation pratiques
Mettre à jour l'affichage de l'horloge
fonction updateclock () { const Now = new Date (); console.log (maintenant.tolocaletimestring ()); } const ClockInterval = setInterval (UpdateClock, 1000);
Cela enregistre l'heure actuelle à chaque seconde.
Interroger régulièrement un serveur
const PollServer = setInterval (async () => { const Response = attendre fetch ('/ api / statut'); const data = attendre réponse.json (); if (data.ready) { console.log ("Tache terminée!"); ClearInterval (PollServer); // Arrête de sondage } }, 3000); // Vérifiez toutes les 3 secondes
Notes importantes
- Délai minimum : le retard n'est pas garanti exactement. Les navigateurs et Node.js peuvent imposer un retard minimum (généralement autour de 4 ms pour les intervalles imbriqués).
- Le temps d'exécution est important : si la fonction prend plus de temps que le retard à exécuter, il peut provoquer des appels qui se chevauchent ou sautés.
- Effacez toujours les intervalles lorsqu'ils ne sont plus nécessaires - en particulier dans les applications à une seule page ou lorsque les composants se décha?nent - pour éviter les fuites de mémoire.
// bonne pratique: nettoyez toujours window.adDeventListener ('avant-dcharge', () => { ClearInterval (intervalid); });
Fondamentalement, setInterval
est simple à utiliser mais nécessite des soins pour éviter un comportement involontaire. Utilisez clearInterval
une fois terminé et gardez le retard raisonnable en fonction de votre cas d'utilisation.
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!

Outils d'IA chauds

Undress AI Tool
Images de déshabillage gratuites

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Stock Market GPT
Recherche d'investissement basée sur l'IA pour des décisions plus intelligentes

Article chaud

Outils chauds

Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Cet article présentera comment utiliser JavaScript pour réaliser l'effet de cliquer sur les images. L'idée principale est d'utiliser l'attribut Data- * de HTML5 pour stocker le chemin d'image alternatif et écouter des événements de clic via JavaScript, changez dynamiquement les attributs SRC, réalisant ainsi la commutation d'image. Cet article fournira des exemples de code et des explications détaillés pour vous aider à comprendre et à ma?triser cet effet interactif couramment utilisé.

Tout d'abord, vérifiez si le navigateur prend en charge GeolocationAPI. Si vous êtes pris en charge, appelez getCurrentPosition () pour obtenir les coordonnées de l'emplacement actuelles de l'utilisateur et obtenir les valeurs de latitude et de longitude grace à des rappels réussis. Dans le même temps, fournissez des exceptions de traitement des rappels d'erreur tels que l'autorisation de déni, l'indisponibilité de l'emplacement ou du délai d'attente. Vous pouvez également transmettre des options de configuration pour activer une précision élevée, définir le délai d'expiration et la période de validité du cache. L'ensemble du processus nécessite l'autorisation de l'utilisateur et la gestion des erreurs correspondante.

Pour créer un intervalle de répétition dans JavaScript, vous devez utiliser la fonction setInterval (), qui exécutera à plusieurs reprises des fonctions ou des blocs de code à des intervalles de millisecondes spécifiés. Par exemple, setInterval (() => {Console.log ("Exécuter toutes les 2 secondes");}, 2000) publiera un message toutes les 2 secondes jusqu'à ce qu'il soit effacé par ClearInterval (Interpalid). Il peut être utilisé dans les applications réelles pour mettre à jour les horloges, les serveurs de sondage, etc., mais faire attention à la limite de retard minimum et à l'impact du temps d'exécution de la fonction, et effacez l'intervalle dans le temps lorsqu'il n'est plus nécessaire pour éviter les fuites de mémoire. Surtout avant la désinstallation des composants ou la fermeture des pages, assurez-vous que

L'utilisation du noyau de l'API de composition de Nuxt3 comprend: 1. DefinePageMeta est utilisée pour définir les méta-informations de la page, telles que le titre, la mise en page et le middleware, qui doivent être appelées directement et ne peuvent pas être placées dans des déclarations conditionnelles; 2. Usyhead est utilisé pour gérer les balises d'en-tête de page, prend en charge les mises à jour statiques et réactives et doit coopérer avec DefinePageMeta pour obtenir l'optimisation du référencement; 3. USEASYNCDATA est utilisé pour obtenir en toute sécurité des données asynchrones, gérer automatiquement l'état de chargement et d'erreur et prend en charge le contr?le d'acquisition de données du serveur et du client; 4. UseFetch est une encapsulation de usEasyncdata et $ fetch, qui dépente automatiquement la clé de demande pour éviter les demandes en double

Utilisez la méthode WriteText de ClipboardAPI pour copier du texte dans le presse-papiers, il doit être appelé dans le contexte de sécurité et l'interaction utilisateur, prend en charge les navigateurs modernes et l'ancienne version peut être dégradée avec EXECCOMAND.

ThebestatorreatEAmulti-linestringinjavascriptsisingstingTemplatalalswithbackticks, qui sepresereBreakenexactlyAswritten.

Aniife (immédiatementInvokedFunctionExpression) est la mise en ?uvre de l'assaveur, a créé par oursafonctionnement de laparle

Pour analyser les cha?nes JSON dans des objets JavaScript, vous devez utiliser la méthode JSON.Parse (), qui peut convertir des cha?nes JSON valides en objets JavaScript correspondants, prend en charge l'analyse des objets et des tableaux imbriqués, mais lancera une erreur pour JSON invalide. Par conséquent, vous devez utiliser Try ... Catch pour gérer les exceptions. Dans le même temps, vous pouvez convertir la valeur lors de l'analyse via la fonction Reviver du deuxième paramètre, telles que la conversion de la cha?ne de date en un objet de date, réalisant ainsi une conversion de données s?re et fiable.
