Прямо сейчас я мог бы отображать дни, часы, минуты и секунды без проблем.Но на этот раз я хочу взять дни, преобразовать их в часы и отобразить их.
Например, если я установил таймер на три дня, я хочу, чтобы он отображал 72 hours 20 minutes 30 seconds
,Заметьте, что на картинке нет дней, я не хочу отображать 3 days
.
Как мне этого добиться?
var countDownDate = new Date("6 June 2019 15:00:00");
var options = {
hour: 'numeric',
minute: 'numeric',
hour12: true
};
var countDate = countDownDate.toLocaleString('en-US', options);
console.log(countDate);
var now = new Date().getTime();
var timeDifference = countDownDate - now;
var oneDay = 1000 * 60 * 60 * 24;
var days = Math.floor(timeDifference / (oneDay));
var hours = Math.floor((timeDifference % (oneDay)) / (1000 * 60 * 60));
var minutes = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((timeDifference % (1000 * 60)) / 1000);
// Displays the clock counting down
document.querySelector("#timer").innerHTML = `
<span>${hours} </br> hours</span>
<span>${minutes} </br> minutes</span>
<span>${seconds} </br> seconds!</span>`;
if(timeDifference < 0) {
clearInterval(timer);
document.getElementById("timer").innerHTML = "Expired";
}