>  기사  >  웹 프론트엔드  >  JavaScript에서 날짜 간의 상대 타임스탬프 차이 얻기

JavaScript에서 날짜 간의 상대 타임스탬프 차이 얻기

WBOY
WBOY앞으로
2023-08-31 15:05:101411검색

在 JavaScript 中获取日期之间的相对时间戳差异

웹사이트에서 타임스탬프를 표시하는 알림을 본 적이 있나요? '12분 전', '2일 전', '10시간 전' 등이 표시됩니다. 두 날짜 또는 시간 사이의 타임스탬프 차이와 관련이 있습니다.

또한 일부 앱에서는 기기가 22시간 전에 마지막으로 로그인된 것으로 표시됩니다. 따라서 두 날짜 사이의 타임스탬프 차이를 얻는 것은 많은 용도로 사용됩니다.

이 튜토리얼에서는 두 날짜 간의 상대적인 타임스탬프 차이를 얻는 다양한 방법을 알아봅니다.

날짜와 함께 getTime() 메소드를 사용하고 사용자 정의 알고리즘을 생성하세요

JavaScript에서는 new Date() 생성자를 사용하여 날짜 객체를 만들 수 있습니다. 또한 특정 날짜를 Date() 생성자에 인수로 전달하여 해당 날짜 값으로 날짜 개체를 초기화할 수 있습니다.

getTime() 메서드는 1970년 1월 1일 이후의 총 초 수를 반환합니다. 따라서 두 날짜의 총 밀리초를 구한 다음 이를 빼서 밀리초 차이를 얻을 수 있습니다. 해당 밀리초를 사용하여 초, 분, 연도 등의 타임스탬프 차이를 찾을 수 있습니다.

문법

사용자는 아래 구문을 따라 두 날짜 간의 상대 타임스탬프 차이를 얻을 수 있습니다.

으아악

위 구문에서 현재_날짜와 이전_날짜는 서로 다른 날짜입니다. getTime() 메서드를 사용하여 두 날짜 간의 밀리초 차이를 가져옵니다.

Note- second_diff 변수의 값을 밀리초와 비교하여 상대적인 타임스탬프 차이를 얻을 수 있습니다.

단계

사용자는 아래 단계에 따라 서로 다른 단위(예: 일, 월, 연도 등)로 두 날짜 사이의 상대 타임스탬프를 찾을 수 있습니다.

1단계 - 두 개의 서로 다른 날짜를 만듭니다.

2단계 - getTime() 메서드를 사용하여 두 날짜의 총 밀리초를 구하고 그 차이를 구합니다. 또한 밀리초 차이를 1000으로 나누어 초로 변환하고 second_diff 변수에 저장합니다.

3단계 - 이제 if-else 조건문을 사용하여 상대적인 타임스탬프 차이를 찾습니다.

4단계 - second_diff의 값이 60보다 작으면 차이는 초 단위입니다. Second_diff의 값은 60에서 3600 사이이며 시간 차이가 있습니다. 사용자는 이와 같이 일, 월, 연도를 계산할 수도 있습니다.

아래 예에서는 Date 생성자를 사용하여 두 개의 서로 다른 날짜 개체를 만들고 위 단계를 사용하여 두 날짜 사이의 상대 타임스탬프를 찾았습니다.

출력에서 사용자는 다음 코드로 표시되는 월의 타임스탬프 차이를 관찰할 수 있습니다.

으아악

Intl의 RelativeTimeFormat() API 사용

Intl은 국제화 API를 의미합니다. 여기에는 다양한 날짜 및 시간 형식 지정 방법이 포함되어 있습니다. Intl 개체의 RelativeTimeFormat() 메서드를 사용하여 두 날짜 사이의 상대 타임스탬프를 가져올 수 있습니다.

문법

사용자는 다음 구문에 따라 RelativeTimeFormat() API를 사용하여 두 날짜 사이의 상대 타임스탬프를 얻을 수 있습니다.

으아악

위 구문에서 RelativeTimeFormat() 메서드는 타임스탬프 차이를 반환합니다. time_Stamp_unit은 다양한 시간 단위와 총 밀리초 수를 포함하는 개체입니다.

단계

1단계 - 시간 단위를 키로 포함하고 총 밀리초 수를 해당 시간 단위의 값으로 포함하는 단위 개체를 만듭니다.

2단계 - 두 날짜 사이의 시차(밀리초 단위)를 구합니다.

3단계 - 이제 for-in 루프를 사용하여 time_stamp_unit 개체를 반복하고 second_diff 값이 특정 시간의 총 밀리초보다 큰지 확인합니다. RelativeTimeFormat() 형식 메서드를 사용합니다. 특정 단위 타임스탬프의 형식을 지정하는 API입니다.

4단계 - 그런 다음 for 루프를 끊습니다.

아래 예에서는 위의 구문과 단계에 설명된 대로 RelativeTimeFomrat() 메서드를 사용하여 두 날짜 간의 상대 타임스탬프 차이를 가져옵니다.

으아악

사용자는 if-else 문과 RelativeTimeFormat() API의 format() 메서드를 사용하여 두 날짜 사이의 상대 타임스탬프를 찾는 방법을 배웠습니다. 사용자는 필요에 따라 두 가지 방법을 모두 사용할 수 있습니다.

위 내용은 JavaScript에서 날짜 간의 상대 타임스탬프 차이 얻기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제