[Window_Console] JS - console.timeEnd() 메서드 - 콘솔창에서 타이머 종료 후 기록 쓰기 (= console.timeEnd메서드 = 콘솔타임엔드 메서드)

목차

1. console.timeEnd() 예제 - 콘솔창에서 타이며 종료 후 기록 쓰기
2. console.timeEnd() 정의
3. console.timeEnd() 구문
4. console.timeEnd() 예제 - 타이머 이름 (= label 매개변수) 사용
5. console.timeEnd() 예제 - for반복문과 while반복문 속도 비교

console.timeEnd() 예제 - 콘솔창에서 타이며 종료 후 기록 쓰기

 

<script>

console.timeEnd();

for (i = 0; i < 1000; i++) {

  console.log(i);

}

console.timeEnd();

</script>

 

결과값 예 - default: 80.3359375 ms

console.timeEnd() 정의

 

콘솔창에서 타이머 종료.

 

---

 

1.

브라우저에서 콘솔창 띄우는 방법

• F12키  >  Console 탭

 

2.

특정 작업에 걸리는 시간을 콘솔에서 체크할 때 사용.

• console.time() 메서드 - 타이머 종료
• console.timeEnd() 메서드 - 타이머 종료 후, ms 단위로 기록 쓰기

 

3.

label 매개변수 사용해 타이머 이름 지정 시, 동일 페이지에 많은 타이머 사용 가능.

 

4.

주요 최신 브라우저 모두 지원.

 

console.timeEnd() 구문

 

console.timeEnd(label)

 

---

[매개변수]

 

label

선택. 타이머 이름. (※ 이름 지정하면, 여러 타이머 사용 가능.)

 

console.timeEnd() 예제 - 타이머 이름 (= label 매개변수) 사용

 

<script>

console.clear();

console.time("hz");

for (i = 0; i < 1000; i++) {

  console.log(i);

}

console.timeEnd("hz");

</script>

 

결과값 예 - hz: 85.072021484375 ms

console.timeEnd() 예제 - for반복문과 while반복문 속도 비교

 

<script>

console.clear();

var i;

console.time("for반복문");

for (i = 0; i < 500; i++) {

  console.log(i);

}

console.timeEnd("for반복문");

i = 0;

console.time("while반복문");

while (i < 500) {

  console.log(i);

  i++

}

console.timeEnd("while반복문");

</script>

 

결과값 예:

for반복문: 39.31494140625 ms

while반복문: 40.18115234375 ms