[JavaScript] 자바스크립트에서 시간 다루기(가져오기)

078_자바스크립트에서 시간 다루기(가져오기)

[적용]

• 현재 시각을 불러오고 싶을 때
• 시간을 디지털 형식으로 표시하고 싶을 때

---

[문법]

메소드	의미	반환
getHours()	시간(Hour) 가져오기	숫자
getMunuites()	분(Minute) 가져오기	숫자
getSeconds()	초(Second) 가져오기	숫자
getMilliseconds()	밀리초(Millisecodn) 가져오기	숫자

---

[내용]

이 메소드를 이용해 현재 시간 정보를 가져온다.

getHours()는 0~23의 정수, getMinutes(), getSeconds()는 0~59의 정수를 반환한다.

24:00의 경우 getHours()의 반환값은 24가 아닌 0이므로 주의하자.

const date = new Date();
const hour = date.getHours();  // 시간
const minutes = date.getMinutes();  // 분
const seconds = date.getSeconds();  // 초

const label = `${hour}시{munites}분{seconds}초`;

// HTML에 문자열 넣기
document.querySelector('#log').innerHTML = '지금은 ${lable}입니다.`;

 

만약 24시간 표기가 아닌 오전 오후로 구분하여 시간을 나타내고 싶다면

다음과 같이 조건문을 사용하면 된다.

const date = new Date();
const hour = date.getHours();
let meridiem;  // 오전, 오후 구분
let hour2;  // 시간
if (hour <12) {
    meridiem = '오전';
    hour2 = hour;
} else {
    merideim = '오후';
    hour2 = hour - 12;
}

const label = `${meridiem}${hour2}시`;

// HTML에 문자열 넣기
document.querySelector('#log').innerHTML = '지금은 ${label}입니다.`;

 

---

 

 

 

 

 

 

 

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