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

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

@@ -77,10 +77,9 @@ window.onload = function () {
     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 @@ function generateParticleKeyframes(index) {
         }
         allParticleKeyframes[index].push(generateKeyframe(t, x, y));
     }
-
-    return keyframes;
 }
 
 function generateKeyframe(t, x, y) {
@@ -151,7 +148,7 @@ function Particle(index)
     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()

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

@@ -132,8 +132,6 @@ function generateParticleKeyframes(index) {
         }
         allParticleKeyframes[index].push(generateKeyframe(t, x, y));
     }
-
-    return keyframes;
 }
 
 function generateKeyframe(t, x, y) {
@@ -150,7 +148,7 @@ function Particle(index)
     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 @@ function advance(timestamp)
     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);