rasgane

Membuat Time Ago Menggunakan Javascript

Membuat Time Ago Menggunakan Javascript

Penjelasan

"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".

  • Results
  • Code

Contoh :

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>

Versi Min

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();
pin
Comment Yukine
Yukine Juni 04, 2023
Test Pin Comment Blogger

Komentar