首頁 > web前端 > js教程 > 如何在 Javascript 中控制活動逾時:暫停、復原和檢索剩餘時間

如何在 Javascript 中控制活動逾時:暫停、復原和檢索剩餘時間

DDD
發布: 2024-10-22 22:36:29
原創
282 人瀏覽過

How to Control Active Timeouts in Javascript: Pausing, Resuming, and Retrieving Remaining Time

使用 Javascript 控制活動超時

對於各種應用程式來說,在 Javascript 中管理活動超時通常是必要的。人們可能會遇到需要暫停和恢復運行超時的情況。此外,獲取當前超時的剩餘時間在某些情況下可能很有用。

暫停和恢復超時

要暫停活動超時,可以使用window.setTimeout 的包裝版本。該包裝器引入了一個提供暫停和恢復方法的 Timer 類別。以下是一個範例:

<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>
登入後複製

要使用此類,請建立一個 Timer 實例並傳入回調函數和延遲作為參數。然後,根據需要使用暫停和恢復方法。

取得超時的剩餘時間

不幸的是,沒有本地方法可以獲得當前超時的剩餘時間在 JavaScript 中。但是,您可以透過在設定逾時時儲存當前時間戳,然後透過從當前時間減去此時間戳記來計算剩餘時間來模擬此功能。

以上是如何在 Javascript 中控制活動逾時:暫停、復原和檢索剩餘時間的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板