CSS动画无限vs javascript计时器

时间:2014-01-23 17:20:15

标签: performance cordova javascript-events performance-testing css-animations

虽然开发HTML5游戏(phonegap)以便在糟糕的设备中播放(使用Android 2.3浏览器)我想知道是否有任何性能测试比较CSS动画无限与JavaScript驱动的动画循环?< / p>

喜欢的东西;

animation: bounce 5s infinite;
-webkit-animation: bounce 5s infinite;

VS

var slidesInSlideshow = 3;
    var slidesTimeIntervalInMs = 2000;

    $scope.currentSlide = 1;
    var slideTimer =
        $timeout(function interval() {
            $scope.currentSlide = ($scope.currentSlide % slidesInSlideshow) + 1;
            slideTimer = $timeout(interval, slidesTimeIntervalInMs);
        }, slidesTimeIntervalInMs);

根据Mozilla dev article,即使是简单的动画在JavaScript中也常常表现不佳(除非它们做得很好)。

0 个答案:

没有答案