Maison  >  Article  >  interface Web  >  Comment annuler une minuterie à l'aide de jQuery

Comment annuler une minuterie à l'aide de jQuery

PHPz
PHPzoriginal
2023-04-23 17:49:031725parcourir

Avec le développement rapide de la technologie Internet, JavaScript en tant que langage de développement frontal a montré des fonctionnalités et des capacités de plus en plus puissantes, et jQuery est l'un des frameworks les plus populaires. Lors de l'utilisation du framework jQuery, les timers sont souvent utilisés pour effectuer certains traitements asynchrones et déclencher des événements, mais nous devons parfois annuler le timer pour garantir l'exactitude du code. Cet article explique comment annuler une minuterie à l'aide de jQuery.

1. Introduction aux minuteries
Dans jQuery, vous pouvez utiliser deux fonctions pour définir des minuteries : setTimeout() et setInterval(). Leur rôle est de déclencher certains événements ou d'exécuter certaines fonctions après un certain temps avant ou après l'exécution d'un morceau de code. Parmi elles, la fonction setTimeout() n'est exécutée qu'une seule fois après une certaine période de temps, tandis que la fonction setInterval() est exécutée toutes les certaines périodes de temps.

Ce qui suit est un exemple d'une fonction simple setTimeout() :

var timer = setTimeout(function(){
    alert('欢迎来到我的网站!');
}, 3000); //3秒钟后执行

Ce code signifie : après 3 secondes, une boîte de dialogue de bienvenue apparaîtra.

2. Comment annuler la minuterie
Lorsque nous devons annuler la minuterie dans certaines circonstances, nous devons appeler les fonctions clearTimeout() et clearInterval(), qui sont utilisées pour annuler les minuteries de setTimeout() et setInterval( ) fonctionne respectivement.

Ce qui suit est un exemple de code :

var timer = setInterval(function(){
    console.log('定时器触发!');
}, 1000); //每秒钟执行一次

$('#btn').click(function(){
    clearInterval(timer); //点击按钮后,取消定时器
});

Ce code signifie : exécutez la fonction console.log() une fois par seconde. Après avoir cliqué sur le bouton, utilisez la fonction clearInterval() pour annuler le minuteur et ne plus l'exécuter.

3. jQuery annule toutes les minuteries
Parfois, nous devrons peut-être annuler toutes les minuteries en même temps. Vous pouvez utiliser le code suivant :

var id = window.setTimeout(function() {}, 0);

while (id--) {
    window.clearTimeout(id);
}

La fonction de cette ligne de code est de trouver tous les timers actuellement actifs et d'annuler tous les timers.

4. Résumé
Cet article explique comment utiliser jQuery pour annuler la minuterie. Les minuteries sont très utiles lors de l'écriture de code avec des opérations asynchrones, mais n'oubliez pas de les annuler à temps lorsque cela n'est pas nécessaire pour éviter d'affecter l'exactitude de l'exécution du code. Dans le même temps, vous devez faire attention à enregistrer l'ID de la minuterie avant d'annuler la minuterie, sinon cela pourrait annuler la minuterie qui n'a pas actuellement besoin d'être annulée.

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!

Déclaration:
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