function test() {for (var i = 0; i < 100; i++) {};}//var start = new Date().getTime();var start = performance.now();test();//var end = new Date().getTime();var end = performance.now();console.log(start); // 332.78000000000003console.log(end); // 332.82500000000005console.log((end-start) + 'ms'); // 0.045000000000015916ms
/*타이머를 시작해 작업이 얼마나 걸리는지 추적할 수 있습니다.각 타이머에게 고유한 이름을 줄 수 있고, 한 페이지에 최대 10,000개의 타이머를 설정할 수 있습니다.같은 이름으로 console.timeEnd()를 호출할 때, 브라우저가 밀리초 단위로 경과한 시간을 출력합니다.*/// 새 타이머에게 설정할 이름. 타이머를 식별합니다. 같은 이름으로 console.timeEnd()를 호출하면 타이머가 중단되고 콘솔에 시간을 출력합니다.console.time('탐색속도');var wrapper = $('#wrapper');console.log(wrapper);console.timeEnd('탐색속도'); // 탐색속도: 1.59228515625ms
반응형
'JavaScript' 카테고리의 다른 글
[JavaScript] MutationObserver -요소의 변경 감시, 옵저버 (0) | 2018.02.07 |
---|---|
[JavaScript] setTimeout - 폴링 시작, 정지 (0) | 2018.01.04 |
[JavaScript][Tip] 두개의 JSON 객체가 일치 하는지를 비교 - 문자열 변환후 비교 (0) | 2017.11.08 |
[JavaScript] 클로저 활용 - 콜백함수 함수에 인자넣기 (0) | 2017.10.22 |
[JavaScript] 자바스크립트에서 css 미디어쿼리 이벤트 체크 (0) | 2017.06.30 |