Как добавить проверку видимости?

Question

[master290988]

Есть код на сайте, который каждые 30 секунд перезагружает контейнер
Вот контейнер:
<div id="adfox_154394132037159997"></div>
Вот скрипт, который делает перезагрузку:

<script>setInterval(function(){ window.Ya.adfoxCode.reload(adfox_154394132037159997); }, 30000);</script>

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

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

Comments

[Gary_Ihar]

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

[Егор Живагин]

Не хочу писать за вас код, просто подсказываю прекрасное браузерное апи для проверки, есть элемент во вьюпорте или нет - Intersection Observer

Answer 1

[Дмитрий Марков]

Попробуй этим

Answer 2

[yanpriest]

Ya.adfoxCode.reload(containerId, {onlyIfWasVisible: true});