为小程序创建定时器管理库：开发者必备指南

前端

2024-01-20 02:44:26

打造高效小程序：创建定时器管理库

在小程序开发中，定时器扮演着至关重要的角色，它可以实现倒计时、定期轮询数据以及定时执行任务。但是，管理多个定时器往往会让代码变得杂乱无章，难以维护。为了解决这一问题，创建一个定时器管理库是必要的。

定时器管理库的功能

定时器管理库提供了以下功能：

创建定时器： 创建单次或循环定时器
暂停定时器： 暂时停止定时器执行
恢复定时器： 重新启动已暂停的定时器
清除定时器： 永久停止定时器并释放资源
获取定时器列表： 返回所有已创建定时器的列表

如何创建定时器管理库

使用 JavaScript 中的 Map 对象，我们可以轻松地创建一个定时器管理库：

class TimerManager {
  constructor() {
    this.timers = new Map();
  }

  createTimer(callback, delay, repeat) {
    const timerId = setTimeout(callback, delay, repeat);
    this.timers.set(timerId, {
      callback,
      delay,
      repeat,
    });
    return timerId;
  }

  pauseTimer(timerId) {
    const timer = this.timers.get(timerId);
    if (timer) {
      clearTimeout(timerId);
    }
  }

  resumeTimer(timerId) {
    const timer = this.timers.get(timerId);
    if (timer) {
      this.createTimer(timer.callback, timer.delay, timer.repeat);
    }
  }

  clearTimer(timerId) {
    const timer = this.timers.get(timerId);
    if (timer) {
      clearTimeout(timerId);
      this.timers.delete(timerId);
    }
  }

  getTimers() {
    return this.timers;
  }
}

如何使用定时器管理库

使用定时器管理库非常简单：

const timerManager = new TimerManager();

const timerId = timerManager.createTimer(() => {
  console.log('定时器执行了');
}, 1000, true);

setTimeout(() => {
  timerManager.pauseTimer(timerId);
}, 2000);

setTimeout(() => {
  timerManager.resumeTimer(timerId);
}, 3000);

setTimeout(() => {
  timerManager.clearTimer(timerId);
}, 4000);