OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style type="text/css"> | 4 <style type="text/css"> |
5 body { height: 1500px; } | 5 body { height: 1500px; } |
6 #center { | 6 #center { |
7 position: fixed; | 7 position: fixed; |
8 left: 40%;; | 8 left: 40%;; |
9 width: 50%; | 9 width: 50%; |
10 height: 250px; | 10 height: 250px; |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
46 }); | 46 }); |
47 </script> | 47 </script> |
48 </head> | 48 </head> |
49 <body> | 49 <body> |
50 <div id="center"> | 50 <div id="center"> |
51 This is something in the middle. | 51 This is something in the middle. |
52 </div> | 52 </div> |
53 <div id="drawer"> | 53 <div id="drawer"> |
54 This is a drawer. | 54 This is a drawer. |
55 </div> | 55 </div> |
| 56 <script> |
| 57 'use strict'; |
| 58 var jankMs = 100; |
| 59 function jankThread() { |
| 60 console.time('Interaction.JankThreadJSRun/is_responsive'); |
| 61 var startTime = window.performance.now(); |
| 62 var currTime = startTime; |
| 63 while (currTime - startTime < jankMs) { |
| 64 var currTime = window.performance.now(); |
| 65 } |
| 66 console.timeEnd('Interaction.JankThreadJSRun/is_responsive'); |
| 67 } |
| 68 var drawer = document.getElementById('drawer'); |
| 69 drawer.addEventListener('click', jankThread); |
| 70 </script> |
56 </body> | 71 </body> |
57 </html> | 72 </html> |
OLD | NEW |