如何有效地暂停和恢复 JavaScript 中的超时？-js教程-PHP中文网

如何有效地暂停和恢复 JavaScript 中的超时？

Barbara Streisand

发布： 2024-10-23 00:18:03

原创

1056 人浏览过

How to Pause and Resume Timeouts in JavaScript Efficiently?

暂停和恢复 JavaScript 超时

在 JavaScript 中使用 setTimeouts 时，暂停和恢复它们的功能在各种情况下都非常有用。人们可能会遇到这样一种情况：已配置延迟，但在执行之前需要暂停或等待异步操作完成。

使用自定义包装器暂停和恢复超时

无需存储当前时间并计算剩余持续时间，可以围绕 window.setTimeout 创建一个提供暂停和恢复功能的自定义包装器。这种方法提供了一种更优雅且可重用的解决方案：

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();
};

登录后复制

此自定义 Timer 类允许您根据需要暂停和恢复超时。要使用它，请使用回调函数和延迟对其进行初始化，然后根据需要调用pause()或resume()方法。

示例：

var timer = new Timer(function() {
    alert("Done!");
}, 1000);

timer.pause();
// Perform asynchronous operations or other tasks
timer.resume();

登录后复制

注意： 此自定义包装器不提供检索暂停计时器的剩余时间的方法。或者，可以实现一个更全面的包装器来跟踪剩余时间并提供 getTimeRemaining() 方法。

以上是如何有效地暂停和恢复 JavaScript 中的超时？的详细内容。更多信息请关注PHP中文网其他相关文章！