You can monitor the visibilitychange event, clear the scheduled task when the page is hidden, and restart the scheduled task when the page is displayed.
document.addEventListener("visibilitychange", () => { if (document.hidden) { // Clear scheduled tasks } else { // Start scheduled tasks } });