[javascript] 자바스크립트 현재 시간 가져오기 (Date)

참고: https://flexiple.com/javascript/javascript-current-time/

이 포스트에서는 자바스크립트에서 현재 시간을 가져오는 다양한 방법을 알아보겠습니다.

Date 객체

자바스크립트에는 Date라는 내장 객체가 있습니다. 이를 사용하여 원하는 날짜와 시간을 얻을 수 있습니다. 먼저 Date 객체를 만드는 다양한 방법을 알아보겠습니다.

Date 객체는 다음의 4 가지 방법으로 만들 수 있습니다:

new Date()
new Date(year, month, day, hours, minutes, seconds, milliseconds)
new Date(milliseconds)
new Date(date string)

new Date()

new Date() 구문은 현재 날짜와 시간을 가지는 새로운 Date 객체를 생성합니다.

var d = new Date();

new Date(year, month, ...)

new Date(year, month, ...) 구문은 특정한 날짜와 시간에 대한 새로운 Date 객체를 생성합니다. 7개의 매개변수는 각각 year, month, day, hour, minute, second, millisecond를 나타냅니다.

var d = new Date(2021, 03, 16, 17, 55, 44, 0);

자바스크립트에서 month는 0 에서 11 까지의 범위를 가집니다. 즉, 1월은 0이고 12월은 11입니다.

new Date(milliseconds)

자바스크립트에서 날짜는 1970/01/01 UTC 부터 경과된 밀리초 값을 저장합니다. new Date(millisecond)는 전달받은 밀리초에 해당하는 날짜를 가지는 Date 객체를 생성합니다.

var d = new Date(0);

Date 객체에 대해 기억해야할 사항은 이 객체가 정적 객체라는 것 입니다. 즉 지정한 시간 정보를 기억하는 객체일 뿐 시간의 경과에 따른 변화량을 얻을 수는 없습니다.

현재 연도 얻기

Date 객체의 getFullYear()  메소드로 연도를 얻을 수 있습니다.

var d = new Date();
var year = d.getFullYear();

console.log(year);

현재 월 얻기

연도 얻기와 비슷하게 getMonth() 메소드를 통해 월을 얻을 수 있습니다.

var d = new Date();
var month = d.getMonth();

console.log(month);

위에서도 언급했다시피 month 값은 0에서 11 사이의 값을 가집니다. 따라서 month 값을 우리가 알아볼 수 있는 값으로 표시하기 위해서는 1을 더해야 합니다.

현재 날짜 얻기

해당하는 월의 날짜를 얻으려면 getDate() 메소드를 사용합니다.

var d = new Date();
var day = d.getDate();

console.log(day);

현재 시간 가져오기

위의 예제들과 비슷하게 다음의 방법을 사용하여 현재 시간을 초, 분, 시간 단위로 각각 얻을 수 있습니다.

var d = new Date();
var hr = d.getHours();console.log(hr);
var min = d.getMinutes();console.log(min);
var sec = d.getSeconds();console.log(sec);
var time = d.toLocaleTimeString();console.log(time);
var date = d.toLocaleDateString();console.log(date);
var datetime = d.toLocaleString();console.log(datetime);

관련 글

자바스크립트 Date 사용 방법 (현재 날짜 가져오기)