TimeController.js

/* TIME CONTROLLER - using Intervals and Timeouts in sync with game */

/* Copy paste part - Copy this part below and paste to THE START of your code */
/* TimeController = */ class TimeController {
  #unit = class TimeControllerUnit {
    constructor (game) {
      if (game?.tick == null) throw new Error("Could not initialize TimeControl on 'game': No tick function found");
      this.#game = game;
      let tick = game.tick;
      let _this = this, sampleFunction = function (...args) {
        try { tick?.call(this, ...args) } catch (e) { console.error(e) }
        _this.#runJobs()
      }
      Object.defineProperty(game, '_timeControllerUnitInstance', { value: this });
      Object.defineProperty(game, 'tick', {
        set (value) { },
        get () { return sampleFunction }
      })
    }

    #game;
    #jobs = new Map();
    #id_pool = 0;

    #addJob (f, time, repeat, args) {
      time = Math.round(Math.max(0, time)) || 0;
      let id = ++this.#id_pool;
      this.#jobs.set(id, { f, time, finish: Math.max(game.step, 0) + time, repeat, args, id });
      return id
    }

    #clearJob (id, forceRemove) {
      let job = this.#jobs.get(id);
      if (!job) return;
      if (job.repeat && !forceRemove) return job.finish += job.time;
      return this.#jobs.delete(id);
    }

    #runJobs () {
      for (let entries of this.#jobs) {
        let job = entries[1];
        if (job.finish <= this.#game.step) {
          try {
            ("string" == typeof job.f ? new Function(job.f) : job.f)?.call?.(this.#game, ...job.args)
          }
          catch (e) {
            this.#clearJob(job.id, false);
            console.error(e)
          }
          this.#clearJob(job.id, false)
        }
      }
    }

    setTimeout (f, time, ...args) {
      return this.#addJob(f, time, false, args)
    }

    setInterval (f, time, ...args) {
      return this.#addJob(f, time, true, args)
    }

    setImmediate (f, ...args) {
      return this.#addJob(f, 0, false, args)
    }

    clearTimeout (id) {
      this.#clearJob(id, true)
    }

    clearInterval (id) {
      this.#clearJob(id, true)
    }

    clearImmediate (id) {
      this.#clearJob(id, true)
    }
  }

  get (game) {
    if (game?._timeControllerUnitInstance) return game._timeControllerUnitInstance;
    return new this.#unit(game)
  }
}

/* END OF COPY-PASTE PART */

/* Usage
time_control = new TimeController(): create a new TimeController instance, which has methods described below

time_control.get(game): returns a special TimeControllerUnit object that's made unique for the specified `game` object
Please note that all functions running in that timer will be bound to the assigned game object by default.

within that object, you can use its method `setTimeout`, `setInterval`, `setImmediate`, `clearTimeout`, `clearInterval`, `clearImmediate` like usual,
with an exception that time unit will be `game tick` (1 second = 60 game ticks) instead of `ms`

*/

let time_control =  new TimeController().get(game);

window.a = time_control.setInterval(function () {
  echo('a')
}, 60);