Answers for "why requestanimationframe is better"

2

requestanimationframe

function animateFunction()
{
	//animate stuff
    window.requestAnimationFrame(animateFunction);
}
window.requestAnimationFrame(animateFunction);
Posted by: Guest on August-05-2021
0

requestanimationframe js

/* Tells the browser that you wish to perform an animation and 
 requests that the browser call a specified function 
 to update an animation before the next repaint. */

requestAnimationFrame(() => {
    // some animation-related/dependent code here
});

/* The callback function is automatically passed a timestamp 
 indicating the precise time requestAnimationFrame() was called at.
 requestAnimationFrame() returns a non-zero integer that can be passed into 
 cancelAnimationFrame() to cancel a requestAnimationFrame() call */

/* Advantages over setTimeout(..., 1000/60) approach:
 - The browser can optimize it, so animations will be smoother
 - Animations in inactive tabs will stop, allowing the CPU to chill
 - More battery-friendly */
Posted by: Guest on October-15-2021

Code answers related to "why requestanimationframe is better"

Code answers related to "Javascript"

Browse Popular Code Answers by Language