Background non-stopping setTimeout

main.js

const worker = null;

const start = (callback, delay) => {
  const args = { foo: "abc" };

  worker = new Worker('/timeoutWorker.js');
  worker.onmessage = (event) => {
    if (event.isTrusted && event.data === "timeout") {
      callback();
    }
  }

  worker.postMessage({ action: 'start', delay: delay });
}

stop() {
  if (worker) {
    worker.postMessage({ action: 'stop' });
    worker.terminate();
  }
}

timeoutWorker.js

let timeoutId = null;

onmessage = (event) => {
  const { action, delay, ...args } = event.data

  if (action === 'start') {
    timeoutId = setTimeout(() => postMessage("timeout"), delay || 0);
  }

  if (action === 'stop') {
    clearTimeout(timeoutId);
  }
}

onbeforeunload = (event) => {
  clearTimeout(timeoutId);
};