ugrás a tartalomhoz

Getting smoother animated web content while reducing CPU usage

Joó Ádám · 2011. Már. 30. (Sze), 11.46
Ne használjunk setTimeout()-ot animációs céllal
 ■
1

akkor mit?

ferenczigabor · 2011. Már. 30. (Sze), 12.08
Mit javasolsz helyette?
2

Leírták

Poetro · 2011. Már. 30. (Sze), 12.24
A cikkben leírták, hogy Mozilla alapú böngészők (pl. Firefox) esetén mozRequestAnimationFrame API-t érdemes használni, Webkit alapúak (Chrome, Safari) esetén pedig webkitRequestAnimationFrame API-t. Persze a többi böngészőben marad a setTimeout / setInterval. Sajnos egyenlőre a Webkit böngészők közül egyenlőre csak Chrome 10-től kezdve elérhető, de egyszerű ellenőrzéssel könnyen megoldható az átállás:
var timer = window.mozRequestAnimationFrame ||
            window.webkitRequestAnimationFrame ||
            function (callback) {
              window.setTimout(callback, 1000 / fps);
            };

timer(function () {
  // animating...
});
3

Köszi!

ferenczigabor · 2011. Már. 30. (Sze), 13.53
Hát elég macerás, de igényesebb...