Maison > interface Web > js tutoriel > Comment pouvez-vous contrôler et suivre les délais d'attente en JavaScript ?

Comment pouvez-vous contrôler et suivre les délais d'attente en JavaScript ?

DDD
Libérer: 2024-10-22 19:22:33
original
640 Les gens l'ont consulté

How Can You Control and Track Timeouts in JavaScript?

Mise en pause et reprise des délais d'attente en JavaScript

Comment suspendre et reprendre un délai d'attente setTimeout() ?

Vous pouvez terminer la fonction window.setTimeout pour créer une minuterie personnalisée prenant en charge la pause et la reprise.

<code class="javascript">var Timer = function(callback, delay) {
    var timerId, start, remaining = delay;

    this.pause = function() {
        window.clearTimeout(timerId);
        timerId = null;
        remaining -= Date.now() - start;
    };

    this.resume = function() {
        if (timerId) {
            return;
        }

        start = Date.now();
        timerId = window.setTimeout(callback, remaining);
    };

    this.resume();
};</code>
Copier après la connexion

Comment obtenir le temps restant sur le délai d'expiration actuel ?

Vous pouvez utilisez la propriété restante de la minuterie personnalisée pour obtenir le temps restant sur le délai d'expiration actuel.

<code class="javascript">var timer = new Timer(function() {
    alert("Done!");
}, 1000);

console.log("Time remaining:", timer.remaining); // Output: 1000</code>
Copier après la connexion

Exemple d'utilisation :

<code class="javascript">timer.pause();
// Do some stuff...
timer.resume();</code>
Copier après la connexion

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!

source:php
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