Estoy trabajando en la creación de un desplazamiento de página infinito, al menos hasta que llegue a la última página. Sin embargo, se desplaza demasiado rápido y sobrecarga mi navegador web. Quería saber cómo puedo implementar un retraso de tiempo en cada desplazamiento, algo así como 1-2 segundos entre los desplazamientos.

Esto es lo que he desarrollado hasta ahora:

 var infScroll = setInterval(function () { var scrollingElement = (document.scrollingElement || document.body); scrollingElement.scrollTop = scrollingElement.scrollHeight; }, 200);

Funciona y sigue desplazándose hacia abajo en la página, sin embargo, ¿cómo configuro un retraso entre cada desplazamiento?

He intentado actualizarlo con un temporizador de la siguiente manera:

 function disableScroll() { // temporarily disable action scrollEnabled = false; // set a timer to enable again it 1 second from now setTimeout(function() { scrollEnabled = true; }, 8000); } var infScroll = setInterval(function () { var scrollingElement = (document.scrollingElement || document.body); scrollingElement.scrollTop = scrollingElement.scrollHeight; disableScroll() }, 200);

Sin embargo, la función no detendrá el desplazamiento durante unos instantes.