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 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
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 </body> | 56 </body> |
57 <script> | |
chrishenry
2014/05/19 23:16:50
Should this be in <body>?
| |
58 'use strict'; | |
59 var jankMs = 50; | |
60 function jankThread() { | |
61 console.time('Interaction.JankThreadJSRun/is_responsive'); | |
62 var startTime = window.performance.now(); | |
63 var currTime = startTime; | |
64 while (currTime - startTime < jankMs) { | |
65 var currTime = window.performance.now(); | |
66 } | |
67 console.timeEnd('Interaction.JankThreadJSRun/is_responsive'); | |
68 } | |
69 var drawer = document.getElementById('drawer'); | |
70 drawer.addEventListener('click', jankThread); | |
71 </script> | |
57 </html> | 72 </html> |
OLD | NEW |