Membuat Time Ago Menggunakan Javascript

Membuat Time Ago Menggunakan Javascript
Get Started > Details
  • Details
  • Install

Deskripsi.

"Time ago" adalah metode penyajian waktu yang berbeda dari format tanggal dan waktu tradisional. Daripada menampilkan waktu dalam format lengkap seperti "DD/MM/YYYY HH:mm:ss", "time ago" memberikan informasi tentang berapa lama waktu telah berlalu sejak postingan di publikasi. Contohnya, "1 jam yang lalu" atau "2 hari yang lalu".

Hasilnya seperti ini.

2023-11-11T12:01:14+08:00
2013-11-12T12:01:14+08:00
2021-11-12T12:01:14+08:00
2022-11-13T12:01:14+08:00
2023-01-14T12:01:14+08:00
2023-11-15T12:01:14+08:00
2023-11-16T12:01:14+08:00
2023-11-17T12:01:14+08:00
2023-11-18T12:01:14+08:00
2023-11-18T13:30:14+08:00
2023-11-19T13:30:14+08:00

Untuk Format waktu yang di gunakan 2023-11-11T12:01:14+08:00.

<!-- Versi 1 -->
<div class="time" datetime="[Format Waktu]">[Format Waktu]</div>
<!-- Versi 2 -->
<div class="time">[Format Waktu]</div>
Name Deskripsi Contoh
[Format Waktu] isi dengan format waktu. 2023-11-11T12:01:14+08:00
const timeAgo=o=>{let e=new Date(o),t=new Date,a=Math.floor((t-e)/1e3),r=Math.floor(a/31536e3);return r>=1?1===r?`${r} year ago`:`${r} years ago`:(r=Math.floor(a/2592e3))>=1?1===r?`${r} month ago`:`${r} months ago`:(r=Math.floor(a/86400))>=1?1===r?`${r} day ago`:`${r} days ago`:(r=Math.floor(a/3600))>=1?1===r?`${r} hour ago`:`${r} hours ago`:(r=Math.floor(a/60))>=1?1===r?`${r} minute ago`:`${r} minutes ago`:a>=60?"1 minute ago":`${Math.floor(a)} seconds ago`},updateTimes=()=>{let o=document.querySelectorAll(".time");o.forEach(o=>{let e=o.getAttribute("datetime")||o.textContent,t=timeAgo(e);o.textContent=t})};updateTimes();

Comments