ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript でタイムアウトを制御および追跡するにはどうすればよいですか?

JavaScript でタイムアウトを制御および追跡するにはどうすればよいですか?

DDD
DDDオリジナル
2024-10-22 19:22:33536ブラウズ

How Can You Control and Track Timeouts in JavaScript?

JavaScript でのタイムアウトの一時停止と再開

setTimeout() タイムアウトを一時停止および再開するにはどうすればよいですか?

ラップすることができますwindow.setTimeout 関数を使用して、一時停止と再開をサポートするカスタム タイマーを作成します。

<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>

現在のタイムアウトの残り時間を取得するにはどうすればよいですか?

次のことができます。カスタム タイマーの残りのプロパティを使用して、現在のタイムアウトの残り時間を取得します。

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

console.log("Time remaining:", timer.remaining); // Output: 1000</code>

使用例:

<code class="javascript">timer.pause();
// Do some stuff...
timer.resume();</code>

以上がJavaScript でタイムアウトを制御および追跡するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。