如何重写setTimeout()和setInterval()以允许动态调整

基础概念

setTimeout() 和 setInterval() 是 JavaScript 中用于处理定时操作的全局函数。setTimeout() 用于在指定的延迟时间后执行一次函数，而 setInterval() 则用于每隔指定的时间间隔重复执行函数。

动态调整的需求

有时我们可能需要在定时器运行过程中动态地调整其延迟时间或间隔时间，例如根据用户的操作或系统的状态来改变定时器的行为。

实现动态调整的方法

为了实现动态调整 setTimeout() 和 setInterval()，我们可以自定义一个定时器类，该类封装了定时器的创建、启动、停止和调整功能。

示例代码

以下是一个简单的示例，展示如何实现一个可动态调整的定时器：

class DynamicTimer {
  constructor(callback, delay) {
    this.callback = callback;
    this.delay = delay;
    this.timerId = null;
  }

  start() {
    if (this.timerId) return; // 如果定时器已经在运行，则不重复启动
    this.timerId = setTimeout(() => {
      this.callback();
      this.timerId = setTimeout(() => this.start(), this.delay);
    }, this.delay);
  }

  stop() {
    clearTimeout(this.timerId);
    this.timerId = null;
  }

  setDelay(newDelay) {
    this.delay = newDelay;
    if (this.timerId) {
      this.stop();
      this.start();
    }
  }
}

// 使用示例
const timer = new DynamicTimer(() => console.log('Tick'), 1000);
timer.start();

// 动态调整延迟时间
setTimeout(() => {
  timer.setDelay(2000);
}, 5000);