function timeAgo(current, previous) {var msPerMinute = 60 * 1000;var msPerHour = msPerMinute * 60;var msPerDay = msPerHour * 24;var msPerMonth = msPerDay * 30;var msPerYear = msPerDay * 365;var elapsed = current - previous;if (elapsed < msPerMinute) {return Math.round(elapsed/1000) + ' Seconds ago'; }else if (elapsed < msPerHour) {return Math.round(elapsed/msPerMinute) + ' Minutes ago'; }else if (elapsed < msPerDay ) {return Math.round(elapsed/msPerHour ) + ' Hours ago'; }else if (elapsed < msPerMonth) {return Math.round(elapsed/msPerDay) + ' Days ago'; }else if (elapsed < msPerYear) {return Math.round(elapsed/msPerMonth) + ' Months ago'; }else {return Math.round(elapsed/msPerYear ) + ' Years ago'; }}Pasang Executor diatas </body>
Executor Function 1 (With Jquery) :
$('.timeago').each(function(){
var currentDate = new Date();
$(this).html(timeAgo(currentDate, new Date($(this).html())));
});Executor Function 2 (Without Jquery) :
var currentDate = new Date();
var getdate = document.getElementsByClassName('timeago');
for(var i = 0;i<getdate.length;i++){
getdate[i].innerHTML = timeAgo(currentDate, new Date(getdate[i].innerHTML));
}Hasil Contoh :
November 07, 2021 (November 07, 2021)
November 01, 2021 (November 01, 2021)
November 02, 2021 (November 02, 2021)
November 03, 2021 (November 03, 2021)
November 04, 2021 (November 04, 2021)
Jangan gunakan text method pada tag kondisional
data:post.lastUpdated.jsonEscapedjika menggunakan text method akan menimbulkan NaN Years
Text Method :
new Date($(this).text())HTML Method :
new Date($(this).html())Gunakan Jquery library jika ingin menggunakan excecutor 1
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'/>Taruh di Atas </head> apabila sudah ada gausah dipasang lagi.
Source: Stackoverflow (Javascript timestamp to relative time)
jika sudah dipilih cari tag
<data:post.date/>
atau
<data:post.lastUpdated.jsonEscaped/>
jika sudah cek apakah sudah di bungkus tag apa belum. misal jika sudah dibungkus tag
<div><data:post.lastUpdated.jsonEscaped/></div>
jika belum tambahkan tag pembungkus lalu tambahkan class timeago. hasilnya begini
<div class='timeago'><data:post.lastUpdated.jsonEscaped/></div>
keterangan pembungkusnya terserah ntah span atau div atau yg lain.hanya tambahkan saja class timeago.apabila sudah ada attribute classnya tinggal tambahkan misal
<div class='grid timeago'><data:post.lastUpdated.jsonEscaped/></div>
Similar Threads