Wat is requestAnimationFrame en waar hangt de frequentie van de oproep van af?

requestAnimationFrame — это метод браузера, который планирует выполнение функции перед следующим перерисовыванием экрана. Он используется для создания плавной анимации, синхронизированной с частотой обновления дисплея.

Частота вызова requestAnimationFrame зависит от частоты обновления экрана (обычно 60 кадров в секунду, то есть примерно каждые 16.7 мс). Если устройство поддерживает другую частоту (например, 120 Гц), вызовы будут происходить чаще.

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

Пример использования:

function animate(time) {
  // обновляем состояние анимации
  // рисуем кадр
  requestAnimationFrame(animate);
}
requestAnimationFrame(animate);