угу, зачем нужен window.requestAnimationFrame , я понял написав по быстро простенькую анимацию
http://learn.javascript.ru/play/tlW2j
<!DOCTYPE HTML>
<html>
<head>
<style>
*{margin:0;}
.square {
width:50px;
height:50px;
position:absolute;
background-color:black;
}
</style>
<script>
if ( !window.requestAnimationFrame ) {
window.requestAnimationFrame = ( function() {
return window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function( /* function FrameRequestCallback */ callback, /* DOMElement Element */ element ) {
window.setTimeout( callback, 1000 / 60 );
};
})();
}
</script>
</head>
<body>
<div class='square'></div>
<div style='top:70px;' class='square'></div>
<script>
var elem = document.getElementsByClassName('square');
function app (elem,fnc) {
var i = 0;
var back = false;
(function animate () {
elem.style.left= i+'px';
if (i >= 500 || back) {
back = true;
i--;
}
if (!back || i == 0) {
back = false;
i++;
}
fnc(animate);
}());
}
app (elem[0], window.requestAnimationFrame);
app(elem[1],function ( callback, element ) {
window.setTimeout( callback, 1000 / 60 );
})
</script>
</body>
</html>
вопрос в другом как это поможет в моем случае?