그만큼 자바스크립트 날짜 객체를 사용하여 연도, 월, 일을 가져올 수 있습니다. JavaScript 날짜 개체를 사용하여 웹페이지에 타이머를 표시할 수 있습니다.
다양한 Date 생성자를 사용하여 날짜 객체를 만들 수 있습니다. 일, 월, 연도, 시, 분, 초를 가져오고 설정하는 방법을 제공합니다.
건설자
Date 생성자의 4가지 변형을 사용하여 날짜 객체를 만들 수 있습니다.
- 날짜()
- 날짜(밀리초)
- 날짜(날짜문자열)
- 날짜(년, 월, 일, 시, 분, 초, 밀리초)
JavaScript 날짜 방법
설명과 함께 JavaScript 날짜 메소드 목록을 살펴보겠습니다.
| 행동 양식 | 설명 |
|---|---|
| get날짜() | 현지 시간을 기준으로 지정된 날짜의 요일을 나타내는 1~31 사이의 정수 값을 반환합니다. |
| getDay() | 현지 시간을 기준으로 요일을 나타내는 0~6 사이의 정수 값을 반환합니다. |
| getFullYears() | 현지 시간을 기준으로 연도를 나타내는 정수 값을 반환합니다. |
| getHours() | 현지 시간을 기준으로 한 시간을 나타내는 0에서 23 사이의 정수 값을 반환합니다. |
| get밀리초() | 현지 시간을 기준으로 밀리초를 나타내는 0에서 999 사이의 정수 값을 반환합니다. |
| getMinutes() | 현지 시간을 기준으로 분을 나타내는 0에서 59 사이의 정수 값을 반환합니다. |
| get월() | 현지 시간을 기준으로 월을 나타내는 0에서 11 사이의 정수 값을 반환합니다. |
| getSeconds() | 현지 시간을 기준으로 초를 나타내는 0에서 60 사이의 정수 값을 반환합니다. |
| getUTCDate() | 표준시를 기준으로 지정한 날짜의 일자를 나타내는 1~31 사이의 정수값을 반환합니다. |
| getUTCDay() | 세계시를 기준으로 요일을 나타내는 0~6 사이의 정수값을 반환합니다. |
| getUTCFullYears() | 표준시를 기준으로 연도를 나타내는 정수값을 반환합니다. |
| getUTCHours() | 표준시를 기준으로 한 시간을 나타내는 0에서 23 사이의 정수 값을 반환합니다. |
| getUTCMinute() | 표준시를 기준으로 분을 나타내는 0에서 59 사이의 정수 값을 반환합니다. |
| getUTC월() | 표준시를 기준으로 월을 나타내는 0에서 11 사이의 정수 값을 반환합니다. |
| getUTC초() | 표준시를 기준으로 초를 나타내는 0에서 60 사이의 정수 값을 반환합니다. |
| 세트날짜() | 현지 시간을 기준으로 지정된 날짜의 일 값을 설정합니다. |
| 세트데이() | 현지 시간을 기준으로 특정 요일을 설정합니다. |
| setFullYears() | 현지 시간을 기준으로 지정된 날짜의 연도 값을 설정합니다. |
| setHours() | 현지 시간을 기준으로 지정된 날짜의 시간 값을 설정합니다. |
| set밀리초() | 현지 시간을 기준으로 지정된 날짜의 밀리초 값을 설정합니다. |
| setMinutes() | 현지 시간을 기준으로 지정된 날짜의 분 값을 설정합니다. |
| 세트월() | 현지 시간을 기준으로 지정된 날짜의 월 값을 설정합니다. |
| setSeconds() | 현지 시간을 기준으로 지정된 날짜의 두 번째 값을 설정합니다. |
| setUTCDate() | 표준시를 기준으로 지정된 날짜의 일 값을 설정합니다. |
| setUTCDay() | 표준시를 기준으로 특정 요일을 설정합니다. |
| setUTCFullYears() | 표준시를 기준으로 지정된 날짜의 연도 값을 설정합니다. |
| setUTCHours() | 표준시를 기준으로 지정된 날짜의 시간 값을 설정합니다. |
| setUTCM밀리초() | 표준시를 기준으로 지정된 날짜의 밀리초 값을 설정합니다. |
| setUTCMinute() | 표준시를 기준으로 지정된 날짜의 분 값을 설정합니다. |
| setUTC월() | 표준시를 기준으로 지정된 날짜의 월 값을 설정합니다. |
| setUTC초() | 표준시를 기준으로 지정된 날짜의 두 번째 값을 설정합니다. |
| toDateString() | Date 객체의 날짜 부분을 반환합니다. |
| ISO문자열() | ISO 형식 문자열 형식으로 날짜를 반환합니다. |
| toJSON() | Date 객체를 나타내는 문자열을 반환합니다. 또한 JSON 직렬화 중에 Date 객체를 직렬화합니다. |
| toString() | 문자열 형식으로 날짜를 반환합니다. |
| toTimeString() | Date 객체의 시간 부분을 반환합니다. |
| toUTC문자열() | UTC 시간대를 사용하여 지정된 날짜를 문자열 형식으로 변환합니다. |
| 가치() | Date 객체의 기본 값을 반환합니다. |
JavaScript 날짜 예
날짜 객체를 인쇄하는 간단한 예를 살펴보겠습니다. 날짜와 시간을 모두 인쇄합니다.
Current Date and Time: <span id="txt"></span> var today=new Date(); document.getElementById('txt').innerHTML=today;지금 테스트해보세요
산출:
Current Date and Time: <span id="txt3"></span>
날짜/월/년을 인쇄하는 또 다른 코드를 살펴보겠습니다.
산출:
JavaScript 현재 시간 예
시스템의 현재 시간을 인쇄하는 간단한 예를 살펴보겠습니다.
Current Time: <span id="txt"></span> var today=new Date(); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds(); document.getElementById('txt').innerHTML=h+':'+m+':'+s;지금 테스트해보세요
산출:
Current Time: <span id="txt"></span>
JavaScript 디지털 시계 예
JavaScript 날짜 객체를 사용하여 디지털 시계를 표시하는 간단한 예를 살펴보겠습니다.
JavaScript에서 간격을 설정하는 방법에는 setTimeout() 또는 setInterval() 메서드를 사용하는 두 가지 방법이 있습니다.
Q2는 언제 시작해요?
Current Time: <span id="txt"></span> window.onload=function(){getTime();} function getTime(){ var today=new Date(); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds(); // add a zero in front of numbers<10 m="checkTime(m);" s="checkTime(s);" document.getelementbyid('txt').innerhtml="h+':'+m+':'+s;" settimeout(function(){gettime()},1000); } setinterval('gettime()',1000); another way function checktime(i){ if (i<10){ i="0" + i; return < pre> <span> Test it Now </span> <p> <strong>Output:</strong> </p> <pre> Current Time: <span id="txt2"></span> </pre> <hr></10>