onUnload событие и противоположность ему

137
03 июля 2018, 03:40

Есть слайдер, перелистывающий картинки.

Я столкнулся с очень интересным поведением:

Когда я возвращаюсь на страницу через какое-то время, периодически, он начинает работать без остановок. Т.е. есть некий интервал, допустим 5 сек, и в нормальном состоянии он перелистывает картинки с этим интервалом. Но, если на какое-то время перейти на другие вкладки, а затем вернуться, слайдер будет работать непрерывно, без интервалов.

Отловить сложно, не всегда появляется этот эффект

Здесь мой предыдущий вопрос, где можно посмотреть код

Я знаю точно, что когда покидаешь вкладку, браузер самопроизвольно приостанавливает процессы на странице, в том числе и программу слайдера.

Я предполагаю, что браузер каким-то образом запоминает, сколько он должен был слайдов перелистнуть и при возврате на страницу, он быстро быстро выполняет все операции.

Родилась идея: использовать событие onUnload, чтобы приостанавливать слайдер, и когда пользователь возвращается на вкладку, хочу запускать слайдер.

Но я не знаю такого события. Есть ли событие возврата на вкладку или как можно решить описанную проблему?

Answer 1

Вам нужны события onblur и onfocus объекта window.

Сохраняйте значение, возвращаемое функцией setInterval и вызывайте clearInterval с этим параметром.

READ ALSO
Сохранение в переменную Js Ajax

Сохранение в переменную Js Ajax

Есть массив элементов, полученный из ajax запроса

194
Как сделать вывод персонажей при помощи SWAPI?

Как сделать вывод персонажей при помощи SWAPI?

Такая ситуация - мне надо при помощи SWAPI вывести наименование планеты и тех, кто на ней появлялсяВывод наименований планет я сделал

163
Изменение графиков js

Изменение графиков js

Есть готовый график только не знаю как сделать каждый столбик отдельно + можно было отключать видимость каждого по отдельностиБолее подробно...

174
Выдает ошибку в коде

Выдает ошибку в коде

Сегодня я запустил код и мне выдали такую ошибку :

439