[JavaScript] 자바스크립트에서 경과 시간 확인하기

085_자바스크립트에서 경과 시간 확인하기

[적용]

• 데이터 통신 시간을 확인하고 싶을 때
• 자바스크립트의 저리 시간을 확인하고 싶을 때

---

[문법]

메소드	의미	반환
Date.now()	기준시에서 현재 시간을 밀리초로 가져오기	숫자

---

[내용]

Date 객체로 시간의 차이를 계산할 수 있다.

측정 시작 시점에 Date.now()를 사용해 절대 시간을 구할 수 있다.

측정이 끝나는 시점에 다시 Date.now()를 사용하여 두 값을 빼면 밀리초 단위의 경과 시간을 구할 수 있다.

알아보기 쉬운 초(Second) 단위 변환은 1000으로 나누고 소수점을 처리한다.

// 초(Second) 단위 변환하기
const sec = Math.floor(diff / 1000);

// 스크립트 시작 지점의 기록
const oldTime = Date.now();

setInterval(() => {
    const currentTime = Date.now();
    // 경과한 밀리초 가져오기
    const diff = currentTime - oldTime;
    
    // 초(second) 단위 변환하기
    const sec = Math.floor(diff / 1000);
    
    // HTML에 문자열 넣기
    document.querySelector('#log').innerHTML = `${sec}초 경과`;
}, 1000);

 

 

---

 

 

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김