Всем привет! Помогите разобрать, как показывать не 60 минут,а что б было 00, если больше часа
const timer = document.querySelector('.timer');
let time = timer.dataset.time;
let interval;
let hours = 0;
let minutes = 0;
let seconds = 0;
function setCoundownTimer() {
interval = setInterval(() => {
time--
hours = getPadTime(Math.floor(time / 3600));
minutes = getPadTime(Math.floor(time / 60))
seconds = getPadTime(time - minutes * 60)
document.querySelector('.hours').innerHTML = hours
document.querySelector('.minutes').innerHTML = minutes
document.querySelector('.seconds').innerHTML = seconds
if(time === 0) {
clearInterval(interval)
}
}, 1000)
}
setCoundownTimer()
function getPadTime(time) {
return time.toString().padStart(2, "0");
}
body {
display: flex;
margin: 0;
padding: 0;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.timer {
display: flex;
font-size: 36px;
}
.minutes {
margin: 0 20px;
}
<div class="timer" data-time="3610">
<div class="hours">00</div>
<div class="minutes">00</div>
<div class="seconds">00</div>
</div>
setInterval
не будет работать раз в 1 секунду, скорее всего, если вы окно куда нить в фон переведете. Такие вещи обычно делают не отсчетом до 0, а заданием целевого времени и высчитыванием разницы при срабатывании. В текущей ситуации ваш таймер вероятнее всего будет работать дольше, чем час.