console.timeEnd() 메서드는 타이머를 중지하고 console.time() 및 console.timeEnd() 내부의 코드가 실행을 완료하는 데 걸린 시간을 표시하는 데 사용됩니다. 병목 현상이 있는 위치를 파악하기 위해 코드의 타이밍 섹션에 유용합니다. 선택적 레이블 매개변수를 사용하여 중지할 타이머를 지정할 수 있습니다.
구문
다음은 console.timeEnd() 메서드의 구문입니다. -
console.timeEnd(label);
여기서 label은 중지할 타이머를 지정하기 위한 선택적 매개변수입니다.
예시
console.timeEnd() 메서드의 예를 살펴보겠습니다. -
<!DOCTYPE html>
<html>
<body>
<h1>console.time() Method</h1>
<p>Click the below button to time the for,while and do-while loops for 100000 iterations </p>
<button type="button" onclick="LoopPerform()">TIMER</button>
<script>
var i,j,k;
i=0,j=0,k=0;
function LoopPerform(){
console.time("for-loop");
for (; i < 100000; i++){}
console.timeEnd("for-loop");
console.time("while-loop");
while(j<100000)
j++;
console.timeEnd("while-loop");
console.time("do-while loop");
do{k++;}
while(k<100000);
console.timeEnd("do-while loop");
}
</script>
<p>Press F12 key to view the performance result in your console view</p>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
TIMER 버튼을 클릭하면 -
위의 예에서 -
사용자가 클릭할 때 LoopPerform() 함수를 실행할 버튼 TIMER를 먼저 만들었습니다. -
</button type="button" onclick="LoopPerform()">TIMER</button>
LoopPerform() 함수에는 for, while 및 do-while 루프가 내부에서 실행됩니다. 3개의 루프의 성능을 측정하기 위해 생성된 "for-loop", "while-loop" 및 "do-while 루프"라는 레이블이 있는 총 3개의 타이머가 있습니다.
console.time() 메서드는 타이머를 시작하고 선택적 레이블 매개 변수를 사용하고 내부 코드가 실행되는 동안 경과된 시간을 계산합니다. console.timeEnd() 메서드는 타이머를 중지하고 콘솔 보기에 결과를 표시하는 데 사용됩니다. timeEnd() 메서드의 매개변수로 레이블을 사용하면 중지할 타이머를 지정할 수 있습니다. -
function LoopPerform(){
console.time("for-loop");
for (; i < 100000; i++){}
console.timeEnd("for-loop");
console.time("while-loop");
while(j<100000)
j++;
console.timeEnd("while-loop");
console.time("do-while loop");
do{k++;}
while(k<100000);
console.timeEnd("do-while loop");
}