| Index: tools/perf/page_sets/key_power_cases/request-animation-frame.html
|
| diff --git a/tools/perf/page_sets/key_power_cases/request-animation-frame.html b/tools/perf/page_sets/key_power_cases/request-animation-frame.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..05b01c6acaffa52b912a02df846cd3c8163112bf
|
| --- /dev/null
|
| +++ b/tools/perf/page_sets/key_power_cases/request-animation-frame.html
|
| @@ -0,0 +1,33 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| + <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
|
| + <title>requestAnimationFrame Test</title>
|
| + <style type="text/css">
|
| + html, body {
|
| + height: 100%;
|
| + padding: 0px;
|
| + margin: 0px;
|
| + }
|
| + #container {
|
| + width: 100%;
|
| + height: 100%;
|
| + background: rgb(128, 128, 128);
|
| + }
|
| + </style>
|
| +</head>
|
| +<body>
|
| + <div id="container"></div>
|
| + <script type="text/javascript">
|
| + var container = document.getElementById('container');
|
| + var c = 128;
|
| + tick();
|
| + function tick() {
|
| + ++c;
|
| + c %= 256;
|
| + container.style.backgroundColor = "rgb("+c+","+c+","+c+")";
|
| + requestAnimationFrame(tick);
|
| + };
|
| + </script>
|
| +</body>
|
| +</html>
|
|
|