requestAnimationFrame là gì và tại sao nên dùng thay setTimeout cho animations?

requestAnimationFrame(callback) lên lịch callback trước repaint tiếp theo (~60fps).

Tự pause khi tab ẩn (tiết kiệm CPU/battery), sync với display refresh rate, smooth hơn setTimeout. Trả về ID để cancelAnimationFrame. Callback nhận timestamp để tính delta time.

requestAnimationFrame(callback) schedules a callback before the next repaint (~60fps).

It automatically pauses when the tab is hidden (saving CPU/battery), syncs with the display refresh rate, and is smoother than setTimeout. Returns an ID for cancelAnimationFrame. The callback receives a timestamp for calculating delta time.