Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- try width resources
- apache kafka
- java
- CSS
- 히든 스토리
- 참조 계수
- colllection
- ESG
- 과제의 분리
- sentry
- 쿠버네티스
- HTML
- 레퍼런스 복사
- docker
- try-with-resources
- Infresh
- 도파민형 인간
- 비메모리 자원
- 수부타이
- 공헌감
- 아웃풋법칙
- Container
- 칭기즈칸의 위대한 장군 수부타이
- kubernetes
- 모두가 기다리는 사람
- 뉴 컨피던스
- 이펙티브 자바
- node
- 부자의그릇
- 월칙
Archives
- Today
- Total
Hi
(javascrippt) Date 객체 본문
Date 객체
날짜와 시간을 표시하는 객체.
// 변수를 선언합니다.
var date = new Date();
// 출력합니다.
alert(date);
매개 변수를 입력하지 않으면 현재 시각으로 초기화
// 문자열을 사용한 Date 객체 생성
var date = new Date('December 9, 1991');
var date = new Date('December 9, 1991 02:24:23');
// 숫자를 사용한 Date 객체 생성
var date = new Date(1991, 11, 9);
var date = new Date(1991, 11, 9, 2, 24, 23);
var date = new Date(1991, 11, 9, 2, 24, 23, 1);
// Unix time을 사용한 Date 객체 생성
var date = new Date(2732741033257);
메서드
// 변수를 선언합니다.
var date = new Date();
// 현재 시각에서 7일을 더합니다.
date.setDate(date.getDate() + 7);
// 출력합니다
alert(date);
시간 간격 계산
날짜 간격을 구할 때는 getTime() 함수를 사용
getTime() 함수 : 1970년 1월 1일 자정부터 지난 밀리 초를 구합니다.
// 변수를 선언합니다.
var now = new Date();
var before = new Date('December 9, 1991');
// 날짜 간격을 구합니다.
var interval = now.getTime() - before.getTime();
Date 객체의 프로토타입에 날짜 간격을 구하는 메서드 추가 -> 쉽고 편리하게 날짜 간격을 구할수 있음
// Date 생성자 함수의 프로토타입에 메서드를 추가합니다.
Date.prototype.getInterval = function(otherDate) {
// 변수를 선언합니다.
var interval;
// 양수로 날짜 간격을 구하려고 조건문을 사용합니다.
if (this > otherDate) {
interval = this.getTime() - otherDate.getTime();
}
else {
interval = otherDate.getTime() - this.getTime();
}
// 리턴합니다.
return Math.floor(interval / (1000 * 60 * 60 * 24));
// 변수를 선언합니다.
var now = new Date();
var before = new Date('December 9, 1991');
// 출력합니다.
alert('Interval: ' + now.getInterval(before) + '일');
}
'WEB(웹)' 카테고리의 다른 글
(javascript) attribute 설정하기 (0) | 2018.06.27 |
---|---|
(javascript) JSON key Name 정보 가져오기 (0) | 2018.06.27 |
스크롤바 제일 아래로 화면을 로드하기 (0) | 2018.06.26 |
(html) display: flex 안에 display: flex (0) | 2018.06.26 |
(jquery) 기본선택자 (0) | 2018.06.26 |