Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(174)

Side by Side Diff: tools/perf/page_sets/tough_animation_cases/web_animations_staggered_infinite_iterations.html

Issue 365613002: Add Web Animations perf tests to tough_animation_cases page set (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Style inconsistencies Created 6 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <meta name="viewport" content="width=device-width, user-scalable=no">
3 <link rel="stylesheet" type="text/css" href="resources/tablet.css">
4 <script src="resources/perftesthelper.js"></script>
5
6 <container id="container"></container>
7
8 <script>
9 var N = PerfTestHelper.getN(1000);
10 var duration = 1000;
11
12 function startAnimation(element, delay) {
13 target.animate([
14 {opacity: 0},
15 {opacity: 1},
16 ], {
17 duration: duration,
18 iterations: Infinity,
19 delay: delay,
20 });
21 }
22
23 for (var i = 0; i < N; i++) {
24 var target = document.createElement('target');
25 container.appendChild(target);
26 startAnimation(target, i * (duration / N) - duration);
27 }
28
29 PerfTestHelper.signalReady();
30 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698