JSFiddle - React, Tailwind, and code Playground
HTML
<span class="nLocalDateTIme" datediff="1750"></span>
<input type="button" id="btnRefresh" value ="Refresh"/>
CSS
body
{
font-family: Arial;
font-size: 10pt;
padding : 10px;
}
JavaScript
$("#btnRefresh").click(function(){
//alert("1");
var sdate = $(".nLocalDateTIme").attr("datediff");
$(".nLocalDateTIme").text(GetElapsedTime(sdate));
});
setInterval(function(){
var sdate = parseInt( $(".nLocalDateTIme").attr("datediff"),10)+5;
console.log(sdate);
$(".nLocalDateTIme").attr("datediff",sdate);
$(".nLocalDateTIme").text(GetElapsedTime(sdate));
}, 5000);
function GetElapsedTime(seconds) {
//alert("2");
var interval = Math.floor(seconds / 31536000);
if (interval >= 1) {
return interval == 1 ? "oneYearAgo" : interval + " " + "yearsAgo";
}
interval = Math.floor(seconds / 2592000);
if (interval >= 1) {
return interval == 1 ? "oneMonthAgo" : interval + " " + "monthsAgo";
}
interval = Math.floor(seconds / 86400);
if (interval >= 1) {
return interval <= 1 ? "yesterday" : interval + " " + "daysAgo";
}
interval = Math.floor(seconds / 3600);
if (interval >= 1) {
return interval <= 1 ? "anHourAgo" : interval + " " + "hoursAgo";
}
interval = Math.floor(seconds / 60);
if (interval >= 1) {
return interval <= 1 ? "aMinuteAgo" : interval + " " + "minutesAgo";
}
interval = Math.floor(seconds);
if (interval >= 1) {
return interval <= 1 ? "justNow" : interval + " " + "secondsAgo";
}
return "justNow";
}