How to add a visibility check?

Question

JavaScript

There is a code on the site that reloads the container every 30 seconds
. Here is the container: Here is the script that does the reload:
<div id="adfox_154394132037159997"></div>

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

It is necessary to make the container reload only when it is in the browser's visibility zone, that is, when the visitor has scrolled to it.

What should be added to the script so that it takes into account the scope and starts counting when it is in it and stops reloading when it is not in the scope?

Answer 1

Try this