웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)
Date 객체 본문
Date 객체
날짜와 시간을 표시한다.
Date 객체의 생성방법
var date = new Date();
console.log(date);
Date()객체에 아무런 매개변수도 입력하지 않으면 현재시간을 가져온다.
예) 문자열을 사용한 Date() 생성
var date01 = new Date('July 7');
console.log(date01);
var date02 = new Date('July 7, 2014');
console.log(date02);
var date03 = new Date('July 7, 2014 11:05:23');
console.log(date03);
var date04 = new Date('2014, 7, 11');
console.log(date04);
var date05 = new Date('2014, 7, 11, 2, 13, 30');
console.log(date05);
var date06 = new Date('2014, 7, 11, 2, 13, 30, 1');
console.log(date06);
Date 객체 메서드
Date() 객체의 메서드는 크게 get(), set(), toString() 세가지로 나눌 수 있다.
get 는 어떠한 값을 가져오는 기능
set는 가져온 값을 토대로 바꿔주는 기능
toString는 String 개체의 값을 반환한다.
예) get() 와 set() 활용 - 100일 뒤의 시간 구하기
// 현재시간을 담는 date 변수 선언
var date = new Date();
// get을 이용 현재시간값을 가져와서 100일을 더하고
// set 을 이용 그값을 date 에 밀어 넣는다
date.setDate(date.getDate() + 100);
// 화면에 출력
console.log(date);
예) toString의 활용
// date 객체 생성.
var date = new Date();
// pint 변수선언하고 아래 내용을 하나씩 대입 하고 줄바꿈
var print = '';
print += 'toDateString - ' + date.toDateString() + '\n';
print += 'toGMTString - ' + date.toGMTString() + '\n';
print += 'toLocaleDateString - ' + date.toLocaleDateString() + '\n';
print += 'toLocaleString - ' + date.toLocaleString() + '\n';
print += 'toLocaleTimeString - ' + date.toLocaleTimeString() + '\n';
print += 'toString - ' + date.toString() + '\n';
print += 'toTimeString - ' + date.toTimeString() + '\n';
print += 'toUTCString - ' + date.toUTCString() + '\n';
// 화면에 출력
console.log(print);
Date 객체활용 d-day 구하기
날짜의 간격을 구할때는 getTime() 함수를 사용한다.
예) 이번년도 몇일이 지나갓는지 구하기
// 현제 날짜를 담는 객체 변수 생성
var date = new Date();
// 계산될 과거의 날짜객체 생성
var before = new Date('January 1, 2014');
// 현재시간에서 과거 시간을 뺀 값을 변수에 담는다.
var interval = date.getTime() - before.getTime();
// Math.floor 함수를 이용 일자를 구한다.
interval = Math.floor(interval / (1000 * 60 * 60 * 24));
// 화면에 출력
console.log(interval + '일');
'javascript > Tutorial' 카테고리의 다른 글
Math 객체 (0) | 2014.07.24 |
---|---|
Array 객체요소 제거 (0) | 2014.07.11 |
Array 객체 (0) | 2014.01.21 |
메서드 체이닝 (0) | 2014.01.20 |
String 객체 (0) | 2014.01.10 |