Как заставить работать скрипт на JS вне страницы?

Question

[skinnynpale]

Есть таймер, но он работает только когда пользователь на сайте, а если зайдет на другой оставив мой сайт во вкладках, то таймер заморозиться и при возврате он продолжит работать с того места откуда приостановился

Comments

[JN0iZzze]

Жил был скрипт, однажды он вышел за пределы страницы и поработил весь мир. Конец.

Answer 1

[Robur]

На каждом тике таймера записывайте текущее время.
на следующем тике получайте текущее время и смотрите разницу, на эту разницу корректируйте таймер.

То есть у вас например тик раз в секунду. Но тут между тиками прошло вдруг 30 (вкладка поменялась, пользователь переключится в другое приложение, компьютер внезапно уснул - все что угодно) - значит надо отнять из оставшегося времени не секунду а 30.

Comments

[Егор Щапов]

Ой да прекратите... почитайте документацию в конце концов. Или хотя бы статью с разбором таймеров. https://medium.com/@stasonmars/%D0%BF%D0%BE%D0%BD%...

[Robur]

Егор Щапов, что прекратить? что там в этой статье читать? неясно, неясно. Но то что вы чем-то недовольны из вашего комментария я понял, не могу сказать что мне зачем-либо может пригодиться эта информация.

[skinnynpale]

'use strict';

function id(id) {
	return document.getElementById(id);
}

const timer = id('out');
let counter = 0;
const timeLeft = 3600;
const interval = setInterval(timeIt, 1000);
timer.innerHTML = convertSeconds(timeLeft - counter);

function convertSeconds(s) {
	let min = Math.floor(s / 60);
	let sec = s % 60;

	if (sec < 10) {
		sec = '0' + sec;
	}
	return min + ':' + sec;
}

function timeIt() {
	counter++;
	timer.innerHTML = convertSeconds(timeLeft - counter);

	if (counter == timeLeft) {
		clearInterval(interval);
	}
}

Answer 2

[Nick]

Можно попробовать вынести в Web Worker