#requestAnimationFrame()

Invoke the specified callback function at the next VSYNC.

requestAnimationFrame is typically used in scenarios where you want to achieve animation effects by modifying element attributes in each frame. Note that requestAnimationFrame will only take effect in the next frame; if you want it to continue to take effect, you need to nest requestAnimationFrame.

#Syntax

requestAnimationFrame: (callback: (timeStamp: number) => void) => number;

#Parameters

#callback

The callback function that needs to be called at the next VSYNC. The callback function has one parameter timeStamp, which is the moment when the callback function starts to execute.

#Return Value

An integer type id, used to cancel this requestAnimationFrame callback.

#Examples

Print the frame rate in the console:

<Go/>

lynx-apisrc/request-animation-frame/App.tsx

Code

Preview

#Compatibility