반응형

[자바스크립트] Date 객체와 메소드들을 알아보자


Date 객체는 날짜와 시간을 다루는 데에 사용되는 객체이며, 웹 브라우저가 실행되어 있는 동안에 현재 컴퓨터 시스템의 날짜나 시간 등을 불러와서 사용자가 사용할 수 있도록 한다. 또한 특정 시간과 특정 날짜를 임의로 지정할 수 있도록 하는 기능도 가지고 있다.


Date 객체의 메소드를 사용하려면 new 연산자를 이용하여 메모리를 할당받은 후에 새로운 객체를 생성시켜야만 한다.


 > 날짜와 시간을 알고자하는 경우

현재 컴퓨터의 날짜와 시간을 알아낸다.

Today = new Date()


 > 연도와 날짜를 설정하는 경우

2001년 12월 12일로 설정한다.

Today = new Date(2001, 12, 12)


 > 연도와 날짜, 시간과 분, 초를 설정하는 경우

2001년 12월 12일 10시 11분 12초로 설정한다.

 - Today = new Date(2001, 12, 12, 10, 11, 12)

 - Today = new Date("December 12, 2001, 10:11:12")


Date 객체에서 사용하는 각종 메소드는 다음과 같다. 여기에서 get 형태의 메소드는 날짜를 읽어오는 메소드들이고 set 형태의 메소드는 get과 반대로 날짜를 설정하는 메소드이다.




get을 사용하는 형태의 메소드를 알아보자.


getYear() : 두자리 숫자로 연도를 출력한다. (19997년은 97로)

getMonth() : 0에서 11사이의 수를 이용하여 달을 출력한다. (0=1월, 1=2월 ...)

getDate() : 1에서 31사이의 날짜를 출력한다.

getDay() : 0에서 6사이 숫자로 요일을 출력한다 (0=일요일, 1=월요일 ...)

getHours() : 0에서 23 사이의 수를 이용하여 시간을 출력한다.

getMinutes() : 0에서 59사이의 수를 이용하여 분을 출력한다.

getSeconds() : 0에서 59사이의 수를 이용하여 초을 출력한다.

getTime() : 1970년 1월 1일 이후 시간을 1000분의 1초 단위로 출력한다.





다음으로 set을 사용하여 시간과 날짜를 설정하는 메소드에 대해 알아보자.


setYear() : 두 자리 숫자로 연도를 설정한다.

setMonth() : 0에서 11사이의 수를 이용하여 달을 설정한다.

setDate() : 1에서 31사이의 날짜를 설정한다.

setDay() : 0에서 6사이 숫자로 요일을 설정한다.

setHours() : 0에서 23사이의 수를 이용하여 시간을 설정한다.

setMinutes() : 0에서 59사이의 수를 이용하여 분을 설정한다

setSeconds() : 0에서 59사이의 수를 이용하여 초을 설정한다.

setTime() : 1970년 1월 1일 이후 시간을 1000분의 1초 단위로 설정한다.





다음은 Date 객체 정보들을 다양한 형식으로 변환시키는 메소드에 대한 설멍이다.


parse(날짜 문자열) : 날짜 문자열을 분석하여 1970년 1월 1일 00:00:00 이후 경과 한 시간을 1000분의 1단위로 리턴한다.

UTC(년,월,일,[시],[분],[초]) : 한 시간을 1000분의 1단위로 리턴한다.

toGMTString() : 현재의 날짜와 시간을 GMT 방식을 사용하여 출력한다. (Sun, 12, Dec, 1999, 12:12:12 GMT 형태로 출력.)

toLocaleString() : 현재의 날짜아 시간을 12/12/99 12:12:12와 같은 형태로 출력한다.

toString() : 현재의 날짜와 시간을 문자열로 변환하여 출력한다. (Sun Dec 12 12:12:12 PST 1999 형태로 출력)






1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!DOCTYPE html>
 
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <h2>날짜 알기</h2>
        <script>
            kebi = new Date()
            document.write("오늘의 날짜는 ",kebi.getYear(),"년 ", kebi.getMonth()+1,"월 ", kebi.getDate(),"일")
            document.write("입니다.<p>")
            document.write("지금 시간은 ",kebi.getHours(),"시 ",kebi.getMinutes(),"분")
            document.write("입니다.<p>")
        </script>
    </body>
</html>
 
cs









반응형
Posted by 제3인생자
l