Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>requestAnimationFrame brojac</title> <script> var i=1; var fps=2; //0.5 sekundi svaka sličica //crossbrowser code var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || window.setTimeout(pisi, 1000); function pisi() { var p = document.getElementById('upis'); var content = document.createTextNode(i+' '); p.appendChild(content); i++; if (i<=15) { setTimeout(function() { requestAnimationFrame(pisi); }, 1000 / fps); } } window.onload = pisi; </script> </head> <body> Ispis brojeva od 1 do 15. <br>Primjetiti da ako se stavi <b>fps=1000</b> da će brzina biti ista kao za fps=60. <p id="upis"></p> <br><br> </body> </html>
Pregled stranice:
Pogledaj stranicu
../html/html5canvas/primjeri/73brojac_requestanimationframe_settimeout.html
.