Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript 타임스탬프:단계별 가이드

Date()를 사용하여 JavaScript 타임스탬프 형식을 얻을 수 있습니다. 읽을 수 있는 타임스탬프 형식으로 현재 시간을 보유하는 객체입니다. 새 Date()를 만들 수도 있습니다. 다른 타임스탬프를 가진 객체를 만들고 getTime()을 사용하여 현재 Unix 시간을 가져옵니다. 방법.

날짜와 시간을 관리하는 것은 프로그래밍의 중요한 부분입니다. 예를 들어 JavaScript에서 동적 저작권 날짜, 일정 또는 이벤트 및 해당 시간 목록을 만들어야 할 수 있습니다. 이 목록에는 모두 어느 정도 시간/날짜를 사용하는 것이 포함됩니다.

JavaScript에서 시간으로 작업하려면 Date 개체 및 관련 메서드를 사용할 수 있습니다. Date 개체를 사용하면 날짜 및 시간을 저장하고 특정 요구 사항에 따라 날짜 및 시간 형식을 지정할 수 있습니다.

이 자습서에서는 Date를 사용하여 JavaScript 타임스탬프를 만드는 기본 사항을 살펴보겠습니다. 또한 JavaScript에서 날짜 및 타임스탬프 형식을 지정하는 방법과 UTC 시간 값을 얻는 방법에 대해서도 설명합니다.

자바스크립트 타임스탬프 개체

Date 객체는 JavaScript에서 날짜와 시간을 저장하는 데 사용됩니다. 인수가 없으면 Date 객체는 현재 날짜와 시간으로 객체를 생성합니다. 다음은 현재 날짜와 시간을 가져오는 데 사용되는 Date 객체의 예입니다. 

const currentTime = new Date();

console.log(currentTime);

우리 코드에서 Date 객체를 할당하는 "currentTime"이라는 변수를 선언합니다. 그런 다음 "currentTime" 변수를 콘솔에 출력합니다. 코드는 다음을 반환합니다.

Wed Feb 05 2020 11:18:21 GMT+0000 (Greenwich Mean Time)

보시다시피, 우리 코드는 우리가 읽을 수 있는 방식으로 현재 날짜와 시간을 반환했습니다. Date 객체의 결과를 몇 가지 구성 요소로 나눌 수 있습니다.

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

  • 요일:수요일
  • 월:2월
  • 일:14
  • 연도:2020
  • 시간:11
  • 분:18
  • 두 번째:21
  • 시간대:GMT+000(그리니치 표준시)

그러나 date 객체가 이 값을 반환하는 동안 JavaScript는 Unix 시간을 통해 날짜와 시간을 이해합니다. 유닉스 시간은 1970년 1월 1일 자정 이후로 경과된 밀리초 수를 나타내는 값으로 프로그래밍에서 시간을 저장하는 보편적인 표준입니다.

Unix JavaScript 타임스탬프를 검색하려면 다음과 같이 getTime() 메서드를 사용하여 검색할 수 있습니다. 

console.log(currentTime.getTime());

코드 반환:1580901774643 . 이 숫자는 위에서 받은 정보만큼 매력적이지는 않지만 정확히 같은 의미입니다.

기존 타임스탬프에서 새 날짜 개체 만들기

지금까지 현재 시간을 기반으로 Date 객체를 생성하는 방법에 대해 논의했습니다. 그러나 기존 JavaScript 타임스탬프를 기반으로 Date 객체를 생성할 수도 있습니다.

이것은 이미 날짜 값이 있지만 JS Date 객체를 사용하여 이를 조작하려는 경우에 유용할 수 있습니다. 예를 들어, 위에서 보여드린 긴 형식의 시간 버전(요일, 시간, 시간대 및 기타 관련 정보를 표시하는 형식)에 표시하려는 Unix 타임스탬프가 있을 수 있습니다.

몇 가지 방법으로 기존 타임스탬프에서 새 Date 개체를 만들 수 있습니다. 날짜를 사용하여 다음을 기반으로 새 개체를 만들 수 있습니다.

  • 기존 Unix 타임스탬프(새 날짜(타임스탬프))
  • 날짜 문자열(new Date(날짜 문자열))
  • 특정 날짜 및 시간(새 날짜(년, 월, 일, 시, 분, 초, 밀리초))

다음은 이러한 각 방법의 작동 예입니다.

new Date(9231925020);

new Date(“April 17 1970 21:25:25”);

new Date(1970, 3, 17, 21, 25, 25, 0);

이러한 각 예는 동일한 정보를 사용하여 Date 객체를 생성합니다. 따라서 이전과 같이 이러한 날짜 객체와 getTime() 함수를 사용하여 시간을 출력하면 다음과 같은 응답을 받게 됩니다.

Fri Apr 17 1970 21:25:25 GMT+0100 (Greenwich Mean Time)

연도, 월, 일, 시, 분, 초, 밀리초를 지정하는 마지막 방법에서 누락된 모든 값은 0으로 설정됩니다. 또한 월은 “3” JavaScript Date 객체가 “0”부터 계산되기 때문입니다. 몇 달 동안.

날짜 검색

이제 Date 개체가 있으므로 필요한 날짜 또는 시간의 일부를 검색할 수 있습니다. JavaScript의 get 메소드를 사용하여 현지 시간대를 기준으로 날짜의 특정 부분을 반환할 수 있습니다. 날짜를 검색하는 데 사용할 수 있는 날짜 방법은 다음과 같습니다.

  • 연도:getFullYear()
  • 월:getMonth()
  • 요일:getDate()
  • 요일:getDay()
  • 시간:getHours()
  • 분:getMinutes()
  • 두 번째:getSeconds()
  • 밀리초:getMilliseconds()

2020년 1월 1일에 대한 새 날짜 개체를 만들어 보겠습니다.

const january2020 = new Date(2020, 1, 1);

이제 위의 방법을 연, 월, 일에 사용하면 다음을 얻습니다. 

january2020.getFullYear();
// 1980
january2020.getMonth();
1
january2020.getDate();
1

시간의 특정 부분을 가져오기 위해 타임스탬프에서 이전에 논의한 날짜 메서드를 실행할 수 있습니다.

또한 Date 객체를 사용하여 JavaScript에서 시간을 비교할 수 있습니다. 따라서 2020년인지 확인하려면 다음 코드를 사용할 수 있습니다. 

const currentDate = new Date();

if (currentDate.getFullYear() === 2020) {
	console.log("It's 2020!");
} else {
	console.log("It's not 2020!");
}

이 기사가 작성되는 시점은 2020년이기 때문에 코드는 "It's 2020!"을 반환합니다. 우리는 또한 위에서와 동일한 접근 방식을 사용하여 연도와 일을 비교하는 것과 같은 고급 비교 방법을 수행할 수도 있습니다.

UTC 방법

위에서 논의한 날짜 검색 함수에서 반환된 값은 현지 시간대 설정을 기반으로 합니다. 협정 세계시를 기반으로 시간을 계산하는 UTC 타임스탬프를 얻으려면 “UTC”를 추가해야 합니다. “get” 단어 뒤 위의 기능에서.

다음은 UTC 시간대의 현재 시간과 시간을 가져오는 데 사용되는 getHours() 및 getUTCHours() 메서드의 예입니다. 

const currentDate = new Date();

console.log(currentDate.getHours());
console.log(currentDate.getUTCHours());

코드는 다음을 반환합니다.

11

11

이 코드는 현재 시간대의 시간과 UTC 시간대의 시간을 모두 출력합니다. 현재 UTC에 있는 경우 이 숫자는 동일합니다(위와 같이).

UTC는 국제적으로 통용되는 표준이기 때문에 유용할 수 있으며 여러 시간대에 의존하는 웹사이트나 앱을 만들 때 자주 사용됩니다.

결론

시간은 코딩할 때 자주 접하게 되는 JavaScript의 중요한 부분입니다. 이 튜토리얼에서는 현재 시간을 저장하기 위해 Date 객체를 생성하는 방법에 대해 논의했습니다. 또한 타임스탬프, 날짜 문자열 및 특정 시간을 기반으로 사용자 지정 Date 객체를 생성하는 방법에 대해 논의했으며 JavaScript의 기본 제공 날짜 검색 메서드를 살펴보았습니다.

이제 전문가처럼 JavaScript에서 타임스탬프를 검색하고 조작하는 데 필요한 기술을 갖추게 되었습니다!