JSFiddle - React, Tailwind, and code Playground
HTML
<div class="timeRow" data-ago="10"></div>
<div class="timeRow" data-ago="20"></div>
<div class="timeRow" data-ago="60"></div>
<div class="timeRow" data-ago="71"></div>
<div class="timeRow" data-ago="80"></div>
JavaScript
var $rows = document.querySelectorAll('.timeRow');
setInterval(function(){
for(var i=0; i < $rows.length; i++){
var $row = $rows[i],
ago = parseInt($row.getAttribute('data-ago'));
$row.innerHTML = getMinutesAgo(ago);
}
}, 1000);
function getMinutesAgo(ago){
d = new Date ();
d.setMinutes(d.getMinutes()-ago);
month = d.getMonth () + 1;
h = (d.getHours () < 10 ? '0' + d.getHours () : d.getHours ());
m = (d.getMinutes () < 10 ? '0' + d.getMinutes () : d.getMinutes ());
return ago + ' minutes ago it was '
+ d.getDate () + '.'
+ month + '.'
+ d.getFullYear () +
' - '
+ h + ':' + m ;
$('.timeRow').html(date);
};