tools/perf/page_sets/tough_animation_cases/web_animations_simultaneous.html

   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/perf_test_helper.js"></script>
   5 <script src="resources/web_animations_api_check.js"></script>
   6
   7 <container id="container"></container>
   8
   9 <script>
  10 var N = PerfTestHelper.getN(1000);
  11 var duration = 1000;
  12 var targets = [];
  13
  14 function startAnimation(element) {
  15   element.animate([
  16     {opacity: 0},
  17     {opacity: 1},
  18   ], duration);
  19 }
  20
  21 function startAllAnimations() {
  22   for (var i in targets)
  23     startAnimation(targets[i]);
  24   setTimeout(startAllAnimations, duration);
  25 }
  26
  27 for (var i = 0; i < N; i++) {
  28   var target = document.createElement('target');
  29   container.appendChild(target);
  30   targets.push(target);
  31 }
  32
  33 startAllAnimations();
  34
  35 PerfTestHelper.signalReady();
  36 </script>