JS에서 현재 시간을 얻는 방법
JavaScript에서 현재 시간을 가져오는 것은 로깅, 타임스탬프 생성 또는 시간의 동적 표시 등 일반적인 작업입니다. 이 기사에서는 JavaScript를 사용하여 현재 시간을 가져오고 빠른 참조를 위해 구조화된 데이터를 제공하는 방법을 자세히 소개합니다.
1. Date 객체를 사용하여 현재 시간을 가져옵니다.
JavaScript는 내장 기능을 제공합니다.날짜날짜 및 시간 작업을 위한 개체입니다. 현재 시간을 얻는 기본 방법은 다음과 같습니다.
| 방법 | 설명 | 예 |
|---|---|---|
| 새로운 날짜() | 현재 날짜와 시간을 포함하는 Date 객체를 만듭니다. | const now = new Date(); |
| 날짜.지금() | 현재 시간의 타임스탬프를 밀리초 단위로 반환합니다. | const 타임스탬프 = Date.now(); |
2. 다양한 시간 활용하기
패스날짜객체의 메소드는 연도, 월, 일, 시, 분, 초 및 기타 시간 구성요소를 얻을 수 있습니다.
| 방법 | 설명 | 예 |
|---|---|---|
| getFullYear() | 연도 가져오기(4자리) | now.getFullYear(); // 2023 |
| get월() | 월(0-11)을 가져옵니다. | now.getMonth(); // 0은 1월을 의미합니다. |
| get날짜() | 날짜 가져오기(1-31) | 지금.getDate(); // 15 |
| getHours() | 시간 가져오기(0-23) | 지금.getHours(); // 14 |
| getMinutes() | 분 가져오기(0-59) | 지금.getMinutes(); // 30 |
| getSeconds() | 초 가져오기(0-59) | 지금.getSeconds(); // 45 |
3. 현재 시간 형식 지정
JavaScript에는 날짜 형식 지정을 위한 내장 메서드가 없지만 Date 개체의 메서드를 결합하여 구현할 수 있습니다.
| 형식 요구 사항 | 구현 방법 | 예제 출력 |
|---|---|---|
| YYYY-MM-DD | 연도, 월, 일 연결 | 2023-01-15 |
| HH:MM:SS | 시, 분, 초 연결 | 14:30:45 |
| YYYY-MM-DD HH:MM:SS | 날짜와 시간 결합 | 2023-01-15 14:30:45 |
4. toLocaleString 메소드를 사용하세요
자바스크립트가 제공하는toLocaleString현지화 설정에 따라 날짜와 시간의 형식을 지정할 수 있는 일련의 방법:
| 방법 | 설명 | 예 |
|---|---|---|
| toLocaleDateString() | 현지화된 날짜 문자열을 반환합니다. | 2023/1/15 |
| toLocaleTimeString() | 현지화된 시간 문자열을 반환합니다. | 오후 2시 30분 45초 |
| toLocaleString() | 현지화된 날짜 및 시간 문자열을 반환합니다. | 2023년 1월 15일 오후 2시 30분 45초 |
5. 타사 라이브러리 권장 사항
보다 복잡한 날짜/시간 처리를 위해 타사 라이브러리를 사용할 수 있습니다.
| 도서관 이름 | 특징 | 설치방법 |
|---|---|---|
| 순간.js | 강력하지만 부피가 크다 | npm 설치 순간 |
| 날짜-fns | 주문형으로 도입된 모듈형 디자인 | npm 설치 날짜-fns |
| Day.js | 경량, Moment와 API 호환 | npm 설치 dayjs |
6. 실제 적용 사례
다음은 현재 시간을 가져오고 형식을 지정하는 방법을 보여주는 전체 예입니다.
| 기능 | 코드 구현 |
|---|---|
| 현재 시간 가져오기 | const now = new Date(); |
| 날짜 형식 | const dateStr = `${now.getFullYear()}-${now.getMonth()+1}-${now.getDate()}`; |
| 포맷 시간 | const timeStr = `${now.getHours()}:${now.getMinutes()}:${now.getSeconds()}`; |
| 결합된 출력 | console.log(`현재 시간: ${dateStr} ${timeStr}`); |
위의 방법을 사용하면 JavaScript에서 현재 시간을 쉽게 가져오고 조작할 수 있습니다. 프로젝트 요구 사항에 따라 기본 방법이나 타사 라이브러리를 선택하여 보다 복잡한 시간 처리 기능을 구현할 수 있습니다.
세부 사항을 확인하십시오
세부 사항을 확인하십시오
ko
