• 회원가입
  • 로그인
  • 구글아이디로 로그인

[API_Console] JS - console.time() 메서드 - 콘솔창에서 타이머 시작 (= console.time메서드 = 콘솔타임 메서드)

목차

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

 

console.time() 예제 - 콘솔창에서 타이며 시작

 

<script>

console.time();

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

  console.log(i);

}

console.timeEnd();

</script>

 

결과값 예 - default: 80.3359375 ms

 

console.time() 정의

 

콘솔창에서 타이머 시작.

 


 

1.

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

  • F12키  >  Console 탭

 

2.

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

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

 

3.

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

 

4.

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

 

 

console.time() 구문

 

console.time(label)

 


[매개변수]

 

label

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

 

 

console.time() 예제 - 타이머 이름 (= 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.time() 예제 - 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


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Math JS - Math.min() 메서드 ★ - 최소값 (= 최솟값 = Math.min메서드 = 매스민메서드)
Math JS - Math.pow() 메서드 ★ - 승수 (= 거듭제곱 = pow메서드 = 매스포우메서드/매스파워메서…
Math JS - Math.random() 메서드 ★ - 랜덤값 (= 임의값 = Math.random메서드 = 매스랜…
Math JS - Math.round() 메서드 ★ - 반올림 (= 라운드)
Math JS - Math.sin() 메서드 - 사인값
Math JS - Math.sqrt() 메서드 - 제곱근
Math JS - Math.tan() 메서드 - 탄젠트값
Date JS - Date 객체 - 날짜객체 (속성 + 메서드) 종류 ※Date()함수 = Date함수 = 데이트 함…
Date JS - constructor 속성 - 객체생성자함수 (날짜 경우)
Date JS - prototype 속성(날짜) - 사용자정의 속성/메서드 추가 (날짜객체경우 = 프로토타입)
Date JS - getDate() 메서드 ★ - 일자 얻기 (= getDate메서드 = 겟데이트)
Date JS - getDay() 메서드 - 요일 얻기 (예: 4) (= 요일 추출 = 요일 표시 = getDay메서…
Date JS - getFullYear() 메서드 - 년도 (= 4자리 전체년도얻기 = 겟풀이어)
Date JS - getHours() 메서드 - 시 (= 시얻기 = 시간얻기)
Date JS - getMilliseconds() 메서드 - 밀리초 (= 밀리세컨드)
Date JS - getMinutes() 메서드 - 분 (= 분얻기)
Date JS - getMonth() 메서드 - 월얻기 (= 달얻기 = 달월얻기 = getMonth메서드 = 겟먼스메…
Date JS - getSeconds() 메서드 - 초 얻기 (= 겟세컨즈메서드)
Date JS - getTime() 메서드 ★ - 시간 얻기 (= 타임스탬프얻기 = getTime메서드 = 겟타임메서…
Date JS - getTimezoneOffset() 메서드 - UTC시간과의 시차
11/67
목록
찾아주셔서 감사합니다. Since 2012