Maison > interface Web > js tutoriel > le corps du texte

Instance JavaScript analysant le minuteur d'effacement

WBOY
Libérer: 2022-08-04 18:12:58
avant
2282 Les gens l'ont consulté

Cet article vous apporte des connaissances pertinentes sur javascript, qui présente principalement les problèmes liés aux minuteries et à l'effacement des minuteries. Vous pouvez utiliser la méthode clearTimeout et la méthode clearInterval pour effacer la minuterie spécifiée. J'espère que cela vous aidera. tout le monde.

Instance JavaScript analysant le minuteur d'effacement

[Recommandations associées : tutoriel vidéo javascript, front-end web]

setTimeout timer

window.setTimeout (fonction d'appel, temps de retard);

  • Cette fenêtre peut être appelée lors d'un appel Omettre

  • Cette unité de temps de retard est en millisecondes mais peut être omise, la valeur par défaut est 0

  • Cette fonction appelante peut directement écrire la fonction ou écrire le nom de la fonction

  • Il peut y en avoir plusieurs. timers dans la page, nous ajoutons souvent des identifiants aux timers

         setTimeout(function(){
            console.log('你好');
         },2000);//2秒后才在控制台输出  你好
Copier après la connexion

setInterval timer

window.setInterval (fonction d'appel, temps de retard);

  • la fenêtre peut être omise

  • Cette fonction d'appel peut être directement Écrivez une fonction, soit écrivez le nom de la fonction, soit prenez la forme de la chaîne 'nom de la fonction 0'.

  • Le nombre de millisecondes dans l'intervalle est omis et la valeur par défaut est О S'il est écrit, il doit être en millisecondes, indiquant combien de millisecondes cette fonction est automatiquement appelée.

  • Comme il peut y avoir plusieurs minuteurs, nous attribuons souvent un identifiant au minuteur.

        setInterval(function(){
            console.log('你好');
        },2000)//每隔2秒在控制台输出一次你好,不清除定时器会一直运行
Copier après la connexion

clearTimeout clear timer

Il ressort du mot que clearTimeout est utilisé pour effacer la première minuterie

Vous devez donner un nom à la minuterie qui doit être effacée ; clearTimeout (Nom du minuteur)

        var timer = setTimeout(function() {
            console.log('你好!');
        },5000);
        clearTimeout(timer);//上面一个定时器就不会在执行程序
Copier après la connexion

clearInterval Effacer le minuteur

Identique au minuteur ci-dessus, utilisé pour effacer le minuteur setInterval,

Vous devez également donner un nom au minuteur,

Syntaxe : clearInterval(timer Name)

        var times = setInterval(function(){
            console.log('你好!');
        },1000);
        setTimeout(function(){
            clearInterval(times); //5秒后清除定时器
        },5000);
Copier après la connexion

Un exemple est le suivant :

Parfois, nous écrivons plusieurs minuteries, et les minuteries ne sont pas enregistrées avec des variables lorsque nous les créons, pour le moment, nous ne pouvons pas les effacer directement. Ensuite, nous pouvons écrire une méthode pour effacer tous les minuteurs de la page

Pour effacer le minuteur, vous devez d'abord comprendre quelle est la valeur de retour

Comprendre que la valeur de retour de setInterval est un type numérique représentant le timer , et cette valeur augmente de 1 selon l'ordre dans lequel les timers sont créés. Une fois que l'on connaît cet ordre, il n'est pas difficile de se rendre compte de notre besoin d'effacer tous les timers de la page

Créer directement un timer et. supprimez-les un par un

【Recommandations associées :

tutoriel vidéo javascript

, front-end web

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!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal