Editor

Pregled code-a:

<!DOCTYPE HTML>
<html lang="hr">
<head>
<meta charset="UTF-8">
<title>requestAnimationFrame brojac sa stopom</title>
<script>
var i=1;

//crossbrowser requestAnimation & cancelAnimation
var raf = window.requestAnimationFrame ||
          window.mozRequestAnimationFrame ||
          window.webkitRequestAnimationFrame ||
          window.msRequestAnimationFrame ||
          window.oRequestAnimationFrame ||
          window.oRequestAnimationFrame ||
          window.setTimeout(pisi, 1000);
          
 var caf = window.cancelAnimationFrame ||
           window.mozCancelAnimationFrame;

function pisi() {
 var p = document.getElementById('upis');
 var content = document.createTextNode(i+' ');
 p.appendChild(content);
 
 if (i==10) caf(rafID); //prekida animaciju kod 10. iteracije
 else if (i<=15) var rafID = raf(pisi);
 i++;
}

window.onload = pisi;
</script>
</head>
<body>
Ispis brojeva od 1 do 15, koji se stopiraju <b>sa cancelAnimationFrame()</b> kod broja 10.

Pregled stranice:

Pogledaj stranicu ../html/html5canvas/primjeri/74brojac_cancelanimationframe.html.