Animations: Make perf tests for web animations animate properly.

Web Animations uses ms for duration, while legacy keyframe animations uses sec
for duration. Currently, the given perf tests use sec, so animations are weird.

BUG=309981

Review URL: https://codereview.chromium.org/433423003

git-svn-id: svn://svn.chromium.org/blink/trunk@180150 bbb929c8-8fbe-4397-9dbb-9b2b20218538

Author: [email protected]

PerformanceTests/Animation/api-balls-keyframe-animations.html

@@ -77,10 +77,9 @@
     for (var i = 0; i < maxParticles; i++) {
         generateParticleKeyframes(i);
         var particle = new Particle(i);
+        particle.start();
         particles.push(particle);
     }
-    for (var i = 0; i < maxParticles; i++)
-        particles[i].start();
 
     startTrackingFrameRate();
 }
@@ -133,8 +132,6 @@
         }
         allParticleKeyframes[index].push(generateKeyframe(t, x, y));
     }
-
-    return keyframes;
 }
 
 function generateKeyframe(t, x, y) {
@@ -151,7 +148,7 @@
     domNode.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
 
     function start() {
-        var player = domNode.animate(allParticleKeyframes[index], {easing: "linear", iterations: Infinity, direction: "alternate", duration: animationDuration});
+        var player = domNode.animate(allParticleKeyframes[index], {easing: "linear", iterations: Infinity, direction: "alternate", duration: animationDuration * 1000});
     }
 
     function destroy()

PerformanceTests/Animation/api-set-current-time-balls-keyframe-animations.html

@@ -132,8 +132,6 @@
         }
         allParticleKeyframes[index].push(generateKeyframe(t, x, y));
     }
-
-    return keyframes;
 }
 
 function generateKeyframe(t, x, y) {
@@ -150,7 +148,7 @@
     domNode.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
 
     function start() {
-        var player = domNode.animate(allParticleKeyframes[index], {easing: "linear", iterations: Infinity, direction: "alternate", duration: animationDuration});
+        var player = domNode.animate(allParticleKeyframes[index], {easing: "linear", iterations: Infinity, direction: "alternate", duration: animationDuration * 1000});
         player.pause();
         this.player = player;
     }
@@ -171,7 +169,7 @@
     if (start == null)
         start = timestamp;
     for (var x in particles) {
-        particles[x].player.currentTime = (timestamp - start) / 1000;
+        particles[x].player.currentTime = timestamp - start;
     }
     if (particles.length !== 0)
         requestAnimationFrame(advance);