Tutorial by Examples | RIP Tutorial

Use requestAnimationFrame to fade in element

View jsFiddle: https://jsfiddle.net/HimmatChahal/jb5trg67/ Copy + Pasteable code below: <html> <body> <h1>This will fade in at 60 frames per second (or as close to possible as your hardware allows)</h1> <script> // Fad...

JavaScript • requestAnimationFrame

Cancelling an Animation

To cancel a call to requestAnimationFrame, you need the id it returned from when it was last called. This is the parameter you use for cancelAnimationFrame. The following example starts some hypothetical animation then pauses it after one second. // stores the id returned from each call to reques...

JavaScript • requestAnimationFrame

Keeping Compatability

Of course, just like most things in browser JavaScript, you just can't count on the fact that everything will be the same everywhere. In this case, requestAnimationFrame might have a prefix on some platforms and are named differently, such as webkitRequestAnimationFrame. Fortunately, there's a reall...

JavaScript • requestAnimationFrame