> 웹 프론트엔드 > JS 튜토리얼 > 사용자에게 친숙한 형식으로 경과 시간을 표시하는 방법은 무엇입니까?

사용자에게 친숙한 형식으로 경과 시간을 표시하는 방법은 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-11-09 09:51:02
원래의
449명이 탐색했습니다.

How to Display Time Elapsed in a User-Friendly Format?

사용자 친화적인 형식으로 경과 시간을 표시하는 방법

Stack Exchange의 시간 표시와 마찬가지로 JavaScript 날짜 형식을 문자열로 지정할 수 있습니다. 특정 시점 이후 경과된 시간을 나타냅니다. 예:

  • 1분 전
  • 1시간 전
  • 1일 전
  • 1개월 전
  • 1년 전

이를 달성하려면 아래 제공된 것과 같은 함수를 활용할 수 있습니다.

function timeSince(date) {

  var seconds = Math.floor((new Date() - date) / 1000);

  var interval = seconds / 31536000;

  if (interval > 1) {
    return Math.floor(interval) + " years";
  }
  interval = seconds / 2592000;
  if (interval > 1) {
    return Math.floor(interval) + " months";
  }
  interval = seconds / 86400;
  if (interval > 1) {
    return Math.floor(interval) + " days";
  }
  interval = seconds / 3600;
  if (interval > 1) {
    return Math.floor(interval) + " hours";
  }
  interval = seconds / 60;
  if (interval > 1) {
    return Math.floor(interval) + " minutes";
  }
  return Math.floor(seconds) + " seconds";
}
로그인 후 복사

예를 들어 하루 전 시간을 나타내도록 날짜를 설정하면( 24시간), 함수는 "1일 전"을 반환합니다. 마찬가지로, 이틀 전(48시간)을 나타내도록 날짜를 설정하면 함수는 "2일 전"을 반환합니다.

위 내용은 사용자에게 친숙한 형식으로 경과 시간을 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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