Я делаю счетчик javascript, который считается секундой назад. У меня есть время в объекте времени JS, и я нашел фрагмент функции разницы во времени здесь при переполнении стека, но он отображает "2 часа назад". Как я могу заставить его отображать "5 часов, 10 минут и 37 секунд назад".
Вот с чем я работаю:
Эта функция преобразует текущее время и временную метку чего-то в "20 секунд назад" вместо загадочной даты:
function timeDifference(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 'approximately ' + Math.round(elapsed/msPerDay) + ' days ago';
} else if (elapsed < msPerYear) {
return 'approximately ' + Math.round(elapsed/msPerMonth) + ' months ago';
} else {
return 'approximately ' + Math.round(elapsed/msPerYear ) + ' years ago';
}
}
И вот что я использую, чтобы "подсчитывать" время каждую секунду. Я бы хотел сказать "5 часов, 3 минуты, 10 секунд назад", а затем через 1 секунду "5 часов, 3 минуты, 11 секунд назад"
var newTime = new Date(data.popular[i].timestamp*1000)
var relTime = timeDifference(new Date(),newTime)
setInterval(function(){
var theTimeEl = $('.timestamp-large').filter(function(){
return $(this).html() == relTime
});
newTime.setSeconds(newTime.getSeconds() + 1);
var relTime = timeDifference(new Date(), newTime);
$(theTimeEl).html(relTime);
console.log(relTime)
}, 1000)
Переменная newTime - это время в формате даты javascript UTC. relTime - это то, что в формате "секунды назад". Интервал проходит через кучу элементов временной метки и выбирает правильный для каждой отметки времени. Затем он добавляет секунду к времени, преобразует его обратно в "нечеткое время" (несколько секунд назад), заменяет html новым временем и записывает его в консоль.
Как мне изменить "5 часов назад" на "5 часов, 37 минут, 10 секунд назад"? Функция временной разницы должна быть изменена.