반응형
Date 객체란?
자바스크립트에서 날짜와 시간 정보를 처리하는 객체가 Date 객체 입니다. 자바스크립트 안에 이미 내장되어 있으며 현재 날짜와 시간을 알 수 있을 뿐 아니라 특정 날짜나 시간까지 얼마나 남았는지 등도 계산할 수 있습니다.
Data 객체를 사용하기 위해서는 먼저, 인스턴스를 만든 후 내장되어 있는 함수를 사용하면 됩니다.
1. Date 객체 만들기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>TEST</title>
</head>
<body>
<p id="p1"></p>
</body>
<script>
var p1 = document.getElementById("p1");
var date = new Date();
p1.innerText = '현재날짜는'+date;
</script>
</html>
> 현재날짜는Mon Feb 21 2022 13:36:42 GMT+0900 (한국 표준시)간단한 예제와 같이 new 예약어를 사용하여 Date 객체를 쓰면 됩니다.
반응형
2. Date 객체의 주요 함수
| 함수 이름 | 설명 |
| getFullYear() | 날짜 정보에서 연도(Year) 정보를 가져와 네 자리 숫자로 표시합니다. |
| getMonth() | 날짜 정보에서 '월(Month)' 정보를 가져옵니다. 예) 0: 1월, 1: 2월 ... |
| getDate() | 날짜 정보에서 며칠인지 알 수 있는 '일(Date)' 정보를 가져옵니다. |
| getDay() | 날짜 정보엣 '요일(Day)' 정보를 가져옵니다. 예) 0: 일요일, 1:월요일, 2:화요일 ... |
| getTime() | 1970년 1월 1일 자정 이후의 시간을 밀리초로 표시합니다. |
| getHour() | 0~23의 숫자로 시를 표시합니다. |
| getMinutes() | 0~59의 숫자로 분을 표시합니다. |
| getSeconds() | 0~59의 숫자로 초를 표시합니다. |
| getMilliseconds() | 0~999의 숫자로 밀리초를 표시합니다. |
Date 객체 안에 정의되어 있는 함수를 사용할 수 있습니다. 날짜와 시간정보를 가져오는 함수와 원하는 날짜로 설정하는 설정함수도 포함되어 있습니다.
3. 날짜/시간 정보를 설정하는 함수
| 함수 이름 | 설명 |
| setFullYear() | 연도를 네 자리 숫자로 설정합니다. |
| setMonth() | 0~11의 숫자로 월을 표시합니다. 0부터 `월이 시작되고 11은 12월입니다. |
| setDate() | 1~31의 숫자로 일을 설정합니다. |
| setTime() | 1970년 1월 1일 자정 이후의 시간을 밀리초로 설정합니다. |
| setHours() | 0~23의 숫자로 시를 설정합니다. |
| setMinutes() | 0~59의 숫자로 분을 설정합니다. |
| setSeconds() | 0~59의 숫자로 초를 설정합니다. |
| setMilliseconds() | 0~999의 숫자로 밀리초를 설정합니다. |
Date 객체의 함수를 사용할 떄 주의할 점은 getMonth() 함수와 getDay() 함수를 사용했을 떄 결괏값이 0부터 시작된다는 점입니다 참고!
[참고서적]
Do it! 웹 프로그래밍을 위한 자바스크립트 기본 편
COUPANG
www.coupang.com
"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."
반응형
'💻 IT > 📌 WEB' 카테고리의 다른 글
| [HTML] 입력에 필요한 input 태그 정리 (0) | 2022.02.22 |
|---|---|
| [Javascript] 브라우저 객체모델 (BOM) 이란? (10) | 2022.02.21 |
| [Javascript] 자바스크립트 주요 이벤트 정리 (0) | 2022.02.21 |
| (HTML)XHTML 이란? (0) | 2020.11.29 |
| (XML)CDATA 란? (0) | 2020.11.29 |