> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 밀리초를 사람이 읽을 수 있는 날짜로 변환하는 방법은 무엇입니까?

JavaScript에서 밀리초를 사람이 읽을 수 있는 날짜로 변환하는 방법은 무엇입니까?

Patricia Arquette
풀어 주다: 2024-10-21 16:34:30
원래의
895명이 탐색했습니다.

How to Convert Milliseconds to a Human-Readable Date in JavaScript?

jQuery/JavaScript에서 밀리초를 읽을 수 있는 날짜로 변환

웹 개발 영역에서는 사용자 상호 작용에 대한 타임스탬프를 정확하게 표시하는 것이 중요한 경우가 많습니다. 일반적인 과제 중 하나는 시간의 숫자 표현인 밀리초를 DD/MM/YYYY HH:MM:SS와 같이 더 읽기 쉬운 형식으로 변환하는 것입니다. 이 기사에서는 JavaScript를 사용하여 밀리초를 인간 친화적인 날짜로 변환하는 과정을 안내합니다.

서버 시간 결정

표시되는 타임스탬프가 서버를 정확하게 반영하는지 확인하려면 시간이 지나면 서버측 타임스탬프를 사용하는 것이 좋습니다. 이렇게 하면 사용자 시간대의 변화나 로컬 시스템의 불일치로 인해 발생하는 불일치가 제거됩니다. JavaScript에서는 서버의 API에 AJAX 요청을 하고 응답을 캡처하여 서버 시간을 얻을 수 있습니다.

Epoch 이후 밀리초 얻기

서버 시간이 있으면 서버 시간을 추출할 수 있습니다. 1970년 1월 1일 00:00:00 UTC 이후의 밀리초입니다. 이 에포크 타임스탬프는 다양한 시스템 간의 일관성을 보장하는 범용 참조 지점입니다. JavaScript에서는 Date 개체의 getTime() 메서드를 사용하여 현재 타임스탬프를 밀리초 단위로 검색할 수 있습니다.

<code class="javascript">var time = new Date().getTime();</code>
로그인 후 복사

밀리초를 날짜로 변환

밀리초를 사람의 시간으로 변환하려면 날짜를 읽을 수 있는 경우 밀리초 값을 사용하여 새 Date 객체를 생성해야 합니다.

<code class="javascript">var time = new Date(time);</code>
로그인 후 복사

이제 Date 객체의 다양한 메서드를 사용하여 날짜의 개별 구성 요소를 추출할 수 있습니다.

  • date.getFullYear(): 연도
  • date.getMonth(): 월(0부터 시작)
  • date.getDate(): 날짜
  • date.getHours(): 시(0-23)
  • date.getMinutes (): 분(0-59)
  • date.getSeconds(): 초(0-59)

이러한 구성 요소를 결합하면, 원하는 날짜 형식을 구성할 수 있습니다.

<code class="javascript">var formattedDate = date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate() + ' ' + date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds();</code>
로그인 후 복사

이렇게 하면 "2023/03/24 12:34:56"과 같이 지정된 형식으로 날짜가 출력됩니다.

결론

jQuery/JavaScript에서 밀리초를 읽을 수 있는 날짜로 변환하는 것은 간단합니다. 서버 시간을 얻고, 에포크 이후의 밀리초를 추출하고, Date 객체에서 제공하는 메서드를 사용하면 웹 애플리케이션에서 사용자 상호 작용 시간을 정확하게 나타내는 인간 친화적인 타임스탬프를 생성할 수 있습니다.

위 내용은 JavaScript에서 밀리초를 사람이 읽을 수 있는 날짜로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿