[자바스크립트] 시간 표기하기_⏰ / sns처럼 표기하기

 

[Javascrip_ new Date()]

 

sns처럼 00분 전, 00시간 전 같이 표기하는 방법에 대해 알아보자

 

---

 

<STUDY>

 

❓ SNS처럼 시간 표기하기

 

   - 위 사진과 같이 00분 전, 00시간 전으로 표기하기 위해서는 시간차를 계산해 주어야 한다.

 

 

1. 시간 나누기

 

 

 

💡 위처럼 시간을 split 하여 "연, 월, 일, 시, 분, 초"로 나눈다.

💡 오늘 날짜를 new Date()로 구한 뒤 게시글 생성 날짜와 오늘 날짜를 따로 정의해준다.

 

 

2. 시간 차 계산

 

 

💡 new Date() 안에 "0000-00-00 00:00:00"의 형태로 넣어준 뒤 뺀다.

💡 시간 계산

  ❕ beforeHours / 1000 : 초

  ❕ beforeHours / 1000 / 60 : 분

  ❕ beforeHours / 1000 / 60 / 60 : 시간

  ❕ beforeHours / 1000 / 60 / 60 / 24 : 일

 

 

---

 

원하는 기준에 따라 조건을 나누어 리턴하는 값을 다르게 설정하면 된다.

 

 

---

 

내가 보려고 정리하는 자바스크립트🔆

 

👉ez1n github 구경하기👈 

 

ez1n - Overview