Как сделать прокрутку видимой области экрана через заданное количество секунд?

Question

[answerson]

Есть HTML документ, который по сути является длинным текстом.
Необходимо сделать прокрутку видимой части через заданное количество секунд. То есть, по сути необходима функция читалки.
Есть скрипты для автоматического скроллинга, но тут задача как раз в том, чтобы видимая часть экрана поднималась вверх полностью через X секунд, и так до конца страницы.

Comments

[posters]

Подозреваю, что можно реализовать через CSS или через что-либо другое.

JavaScript only.

[answerson]

posters, сильно сложно? :)

[posters]

answerson, учитесь, разбирайтесь.
https://learn.javascript.ru/metrics-window
Может даже получится самому реализовать, но начать лучше с первого урока.
Есть вот такой еще урок: webdiz.com.ua/glava6-rabota-s-dom/razmery-yelement...
https://www.cat-in-web.ru/javascript-razmery-eleme...

[Сергей Карвасарный]

не сильно сложно, суть у тебя такая
для начала измеряешь высоту видимой области экрана
дальше измеряем весь текстовый блок чтобы потом поделить на высоту экрана и узнать сколько раз тебе нужно сделать этот скролл.
дальше запускаешь сет интервал и выполняешь скролл экрана через if чтобы сделать именно столько раз столько ты высчитал ранее и дальше уже по завершению отключаешь интервал и все.

Answer 1

[Сергей delphinpro]

Задача на "Скорость-время-расстояние" =)

Скорость = screen.height / 1000; /* один экран за одну секунду */
Расстояние = body.scrollHeight; /* высота всей страницы */
Время = ?

Время = Расстояние / Скорость;

$('body').animate({scrollTop: Расстояние * -1}, Время);

или через пропорцию

screen.height - 1000
body.scrollHeight - t?

t = body.scrollHeight * 1000 / screen.height;

PS.
Высота страницы чуть сложнее определяется.
ScrollTop нужно точнее вычислять (высота страницы минус один экран).
Точный синтаксис animate я не помню.

Answer 2

[hzzzzl]

function scroll() {
  const SECONDS_INTERVAL = 2   // как часто листать

  window.scrollTo({
    top: window.pageYOffset + window.innerHeight,
    behavior: 'smooth'
  });

  if(window.pageYOffset + window.innerHeight + 30 <= document.body.clientHeight) {
    setTimeout(scroll, SECONDS_INTERVAL * 1000)
  }
}


scroll()