Как работает requestAnimationFrame?

requestAnimationFrame (rAF) просит браузер вызвать указанную функцию перед следующей перерисовкой экрана, обычно 60 раз в секунду. В отличие от setTimeout, rAF синхронизирован с рефреш-рейтом монитора и автоматически приостанавливается на неактивных вкладках. Идеален для плавных анимаций — позиция, размер, opacity. Каждый вызов — один кадр, для непрерывной анимации нужно вызывать рекурсивно. cancelAnimationFrame отменяет запланированный кадр.