[객체] 1. 코어 객체 - 2) Date

•  Date 객체란 ? : 시간 정보를 담는 객체

var now = new Date(); // 현재 날짜와 시간(시,분,초) 값으로 초기화된 객체 생성

•  Date 객체 생성 방법
  • new Date() : 현재 날짜와 시간 값으로 초기화된 객체 생성
  • new Date(y,m,d) : y(년), m(월, 0~11) , d(일, 1~31)을 나타내며, 이 시간 정보를 가진 객체 생성
  • new Date(y,m,d,hour,min,sec): 년,월,일,시,분,초 를 나타내며, 이 시간 정보를 가진 객체 생성

var specialDay = new Date(1997,0,1) // 1997년 1월 1일의 시간 정보를 담는 객체 생성

• Date 객체의 주요 메소드 : Date 객체는 객체 속에 들어 있는 시간이나 날짜 정보를 리턴하거나 설정하는 다양한 메소드를 제공한다.

메소드	설명
getFullYear()	(년도) 2021과 같이 4자리 연도 리턴 (getYear(), setYear()는 폐지되었음)
getMonth()	(월) 0~11 사이의 정수 리턴, 0=1월 , 11= 12월
getDate()	(일) 한 달 내의 날짜 리턴 (1~31)
getHours()	(시) 0~23 사이의 정수 시간 리턴
getMinutes()	(분) 0~59 사이의 정수 분 리턴
getSeconds()	(초) 0~59 사이의 정수 초 리턴
getMilliseconds()	(밀리초) 0~999 사이의 정수 밀리초 리턴
toUTCString()	객체에 든 시간 정보를 UTC 문자열로 리턴
toLocaleString()	객체의 든 시간 정보를 로컬 표현의 문자열로 리턴

---

• 방문 시간에 따라 변하는 배경색 만드는 코드

var now = new Date();

        if(now.getSeconds() % 2 === 0){
            document.body.style.backgroundColor="violet";
        }
        else
        {
            document.body.style.backgroundColor="skyblue";
        }
        document.write(`현재 시간 : ${now.getHours()}시 ${now.getMinutes()}분 ${now.getSeconds()}초 입니다.`);

(마지막 코드는 ES6버전으로 써본 것임)

 

• 실행 결과