자바스크립트에서 방금 전, 몇 분 전, 몇 시간 전 형식으로 표시하는 법

export const getDate = (date: Date): string => {
  const _date = new Date(date)
  const yyyy = _date.getFullYear()
  const mm = String(_date.getMonth() + 1).padStart(2, "0")
  const dd = String(_date.getDate()).padStart(2, "0")
  return `${yyyy}-${mm}-${dd}`
}


export const elapsedTime = (date: Date): string => {
  const start = new Date(date)
  const end = new Date()

  const seconds = Math.floor((end.getTime() - start.getTime()) / 1000)

  if (seconds < 60) return "방금 전"
  else if (seconds < 3600) {
    const minutes = Math.floor(seconds / 60)
    return `${minutes}분 전`
  } else if (seconds < 86400) {
    const hours = Math.floor(seconds / 3600)
    return `${hours}시간 전`
  } else if (seconds < 604800) {
    const days = Math.floor(seconds / 86400)
    return `${days}일 전`
  }
  return getDate(date)
}

 

start와 end 사이의 시간을 밀리초로 계산한 뒤, 초 단위로 변환하며, 소수가 있을 경우 버린다.

조건문을 통해 경과 시간을 문자열로 반환한다.
`60초 미만`이면 '방금 전' 리턴,
`60초 이상 3600초 미만`이면 분 단위로 경과 시간 리턴 (예: 5분 전),
`3600초 이상 86400초 미만`이면 시간 단위로 경과 시간 리턴 (예: 3시간 전),
`86400초 이상 604800초 미만`이면 일 단위로 경과 시간 리턴 (예: 2일 전),

 

만약 모든 조건에 해당하지 않는 경우 getDate(date) 함수를 호출하고 결과를 반환한다.

 

 

참고 자료

https://velog.io/@wlwl99/JavaScript로-방금-전-몇-분-전-몇-시간-전-형식으로-표시하는-법

JavaScript로 방금 전, 몇 분 전, 몇 시간 전 형식으로 표시하는 법