JavaScript

자바스크립트 현재 날짜 및 시간 구하기 (Date 객체)

자바스크립트 현재 날짜 및 시간 구하기

자바스크립트를 사용하여 시스템 날짜를 출력할 수 있습니다.

자바스크립트에서 현재 날짜를 출력하려면 아래와 같이 Date 객체를 사용합니다.

var d = new Date();

d 변수의 값은 메소드 없는 Date 객체에서 다음과 같은 형식으로 나타날 것입니다.

Sat Nov 24 2018 21:10:59 GMT+0900 (한국 표준시)

물론 특정한 날짜나 시간을 원하는 형식대로 나타나게 할 수 있습니다. 일반적인 메소드는 다음과 같습니다.

메소드설명결과 (2018.11.24 토요일 기준)
getFullYear()로컬 시간의 연도를 반환2018
getYear()로컬 시간의 연도를 반환
* (실제 연도 - 1900) 의 결과 반환
118
getMonth()로컬 시간의 월 값을 반환
* 1월은 0, 2월은 1으로 각각의 달에 -1이 되어있음
10
getDate()로컬 시간의 일 값을 반환24
getDay()로컬 시간의 주 기준 일 값을 반환
* 일요일은 0, 월요일은 1...
6
getTime()로컬 시간의 전체 시간값을 밀리초 값으로 나타내어 반환
* 기준은 1970년 1월 1일 0시 0분
1543062625477
getHours()로컬 시간의 시간 값을 반환
* 24시간제로 표시
21
getMinutes()로컬 시간의 분 값을 반환30
getSeconds()로컬 시간의 초 값을 반환25
getMilliseconds()로컬 시간의 밀리초 값을 반환433

여기서 일부 메소드는 일반적으로 표시되는 날짜와 다르게 보일 수 있습니다. 다음을 주의해주세요.

  1. getYear()는 실제 연도에 1900을 뺀 값을 출력합니다. 가능하면 getFullYear() 메소드를 사용하는 것이 좋습니다.
  2. getTime()1970년 1월 1일 자정을 기준으로한 밀리초 값을 보여줍니다.
  3. getDay()요일 데이터를 기준으로 숫자가 출력됩니다. 0은 일요일입니다.
  4. getMonth()는 실제 월 값보다 1이 작습니다. 예를 들어 1월은 0이, 5월은 4가 출력됩니다. 따라서 사용 시에는 1을 더해주어야 합니다.

getMonth()를 사용하여 1을 더해 실제 월 데이터로 바꾸려 할 때에도 주의할 점이 있습니다. 단순히 1을 더하지 않고, 다음과 같이 괄호를 묶어주어야 합니다. 일부 상황에 따라 문자열로 취급되어 붙여질 수 있기 때문입니다.

var month = ( getMonth() + 1 );

이제 이를 활용하여 간단한 날짜와 시간을 표시해보도록 하겠습니다. 예제 코드는 다음과 같습니다.

<!DOCTYPE HTML>
<html lang="ko">
    <head>
        <title>Javascript date example</title>
        <meta charset="utf-8">
    </head>
    <body>
        <h1>Javascript Date Example</h1><hr/>
        <p id="time-result"></p>
    </body>
    <script type="text/javascript">
        var d = new Date();
        var currentDate = d.getFullYear() + "년 " + ( d.getMonth() + 1 ) + "월 " + d.getDate() + "일";
        var currentTime = d.getHours() + "시 " + d.getMinutes() + "분 " + d.getSeconds() + "초";
        var result = document.getElementById("time-result");
        result.innerHTML = "오늘 날짜는 " + currentDate + ", 시간은 " + currentTime + " 입니다.";
    </script>
</html>

결과를 확인해보겠습니다. 오늘 날짜와 현재 시각으로 나타나고 있음을 확인할 수 있습니다.

참고자료

JooTC

안녕하세요. 테크놀로지에 관심이 많은 블로거입니다.

View Comments

Recent Posts

[안드로이드] INSTALL_FAILED_INSUFFICIENT_STORAGE 해결

INSTALL_FAILED_INSUFFICIENT_STORAGE 문제 안드로이드 스튜디오에서 에뮬레이터를 실행하고 개발중인 애플리케이션을 실행하려 하면 로그 창에 아래와 같이 표시되면서…

5개월 ago

Zalgo 텍스트와 이를 방지하는 방법

인터넷 커뮤니티 사이트에서 게시글이나 댓글에 간혹 장난을 목적으로 작성된 특이한 글자를 볼 수 있습니다. 위…

7개월 ago

리눅스 kill, killall 명령어 – 특정 프로세스 종료하기

리눅스 명령어 - kill, killall 리눅스 kill 명령어는 특정 프로세스를 종료해주는 명령어입니다. 백그라운드에서 실행되고 있는…

7개월 ago

JavaScript typeof null이 ‘object’인 이유

JavaScript는 역사가 긴 스크립트 프로그래밍 언어입니다. 세월이 흐르면서 많은 자바스크립트 표준이 만들어졌고, 현재는 많은 문법적…

7개월 ago

Mocha Error: Resolution method is overspecified. 해결 방법

NodeJS 테스트 프레임워크인 Mocha는 비동기 테스트를 지원합니다. 간혹 특정 테스트 스크립트를 작성하고 실행하면 아래와 같이…

7개월 ago

윈도우 11 설치 시 Microsoft 계정 로그인 없이 로컬 계정 만들기

언제부턴가 윈도우 11을 처음 설치할 때 마이크로소프트(Microsoft) 계정 로그인을 강제로 요구하게 되었습니다. 물론 마이크로소프트 계정이…

1년 ago