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

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

DDD
リリース: 2024-10-22 19:22:33
オリジナル
641 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート