3 revisions
+44-54
-`requestAnimationFrame` is a web API that schedules a function to be run before the browser's next repaint, enabling fluid and efficient [Animation](/wiki/Animation) on the web. It synchronizes with the browser's refresh rate, leading to smoother visuals and optimized resource usage, a cornerstone for modern [Web Development](/wiki/Web_Development). This method is preferred over traditional timers for visual updates to prevent tearing and ensure battery efficiency.\
-\
-RequestAnimationFrame (RAF)
-**Overview and Purpose**
-**RequestAnimationFrame** (RAF) is a web API utilized to schedule the execution of a function before the browser performs its next repaint. This enables smooth and efficient animations by synchronizing rendering updates with the browser's refresh rate, resulting in better visual performance and optimized resource usage. RAF is crucial in modern web development, preferred over traditional timer methods, as it minimizes flickering and conserves battery life.
+requestAnimationFrame (RAF) is a web API that schedules a function to be run before the browser's next repaint. It enables fluid and efficient [Animation](/wiki/Animation) by synchronizing updates with the browser's refresh rate, leading to smoother visuals and optimized resource usage. This method is a cornerstone for modern [Web Development](/wiki/Web_Development) and is preferred over traditional [Timer](/wiki/Timer) methods (like `setTimeout` or `setInterval`) for visual updates because it minimizes flickering, prevents "tearing," and conserves [Battery](/wiki/Battery) life.
+### Basic Usage
+The `requestAnimationFrame` API allows developers to schedule a [Callback](/wiki/Callback) function to execute just before the browser's next repaint cycle. This callback receives a `DOMHighResTimeStamp` argument, indicating the time at which `requestAnimationFrame` started to fire.
+```javascript
+function animate(timestamp) {
... 93 more lines
+53-5
-`requestAnimationFrame` is a web API that schedules a function to be run before the browser's next repaint, enabling fluid and efficient [Animation](/wiki/Animation) on the web. It synchronizes with the browser's refresh rate, leading to smoother visuals and optimized resource usage, a cornerstone for modern [Web Development](/wiki/Web_Development). This method is preferred over traditional timers for visual updates to prevent tearing and ensure battery efficiency.
-## See also
-- [JavaScript](/wiki/JavaScript)
-- [Browser](/wiki/Browser)
-- [Frame Rate](/wiki/Frame_Rate)
+`requestAnimationFrame` is a web API that schedules a function to be run before the browser's next repaint, enabling fluid and efficient [Animation](/wiki/Animation) on the web. It synchronizes with the browser's refresh rate, leading to smoother visuals and optimized resource usage, a cornerstone for modern [Web Development](/wiki/Web_Development). This method is preferred over traditional timers for visual updates to prevent tearing and ensure battery efficiency.\
+\
+RequestAnimationFrame (RAF)
+**Overview and Purpose**
+**RequestAnimationFrame** (RAF) is a web API utilized to schedule the execution of a function before the browser performs its next repaint. This enables smooth and efficient animations by synchronizing rendering updates with the browser's refresh rate, resulting in better visual performance and optimized resource usage. RAF is crucial in modern web development, preferred over traditional timer methods, as it minimizes flickering and conserves battery life.
... 53 more lines
+6
Auto-generated stub article
+`requestAnimationFrame` is a web API that schedules a function to be run before the browser's next repaint, enabling fluid and efficient [Animation](/wiki/Animation) on the web. It synchronizes with the browser's refresh rate, leading to smoother visuals and optimized resource usage, a cornerstone for modern [Web Development](/wiki/Web_Development). This method is preferred over traditional timers for visual updates to prevent tearing and ensure battery efficiency.
+## See also
+- [JavaScript](/wiki/JavaScript)
+- [Browser](/wiki/Browser)
+- [Frame Rate](/wiki/Frame_Rate)
... 1 more lines