HTML DOM console.time() 메서드는 코드 실행에 경과된 시간을 표시하는 데 사용됩니다. 이는 전체 코드 또는 코드의 특정 비트를 분석하는 데 도움이 됩니다. 코드의 타이밍을 조정하면 코드를 더 효율적으로 만들 수 있습니다. 선택적 레이블 매개변수를 사용하여 동일한 페이지에 여러 타이머를 만들 수 있습니다.
구문
다음은 HTML DOM console.time() 메서드의 구문입니다. -
console.time(label)
여기에서 레이블은 타이머 이름을 지정하는 선택적 매개변수입니다.
예시
console.time() 메서드의 예를 살펴보겠습니다.
<!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>
Press F12 key to view the performance result in your console view
</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.time() 및 console.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");
}