| <html> |
| <script> |
| window.rafCount = 0; |
| function animationCallback() { |
| ++window.rafCount; |
| console.log(`Animation frame callback #${window.rafCount}`); |
| // Change document body background in a predictable manner. |
| document.body.style.background = '#0000' + (window.rafCount * 10).toString(16); |
| window.requestAnimationFrame(animationCallback); |
| } |
| |
| function startRAF() { |
| console.log('Requesting first animation frame'); |
| window.requestAnimationFrame(animationCallback); |
| } |
| |
| function displayRAFCount() { |
| console.log(`Animation frame count: ${window.rafCount}`); |
| } |
| </script> |
| <body></body> |
| </html> |
