Делаю таймер обратного отсчета, все работает, но не знаю как реализовать продолжение отсчета с того места при клике на кнопку старт (тобото запущен таймер я нажимаю на стоп (таймер остановился) и после того нажимаю на кнопку еще раз и он продолжает отсчет с момента остановки (сейчас запускает заново))
const getId = id => document.getElementById(id);
const minutes = getId('minutes');
const secondTimer = getId('secondTimer')
let timerS;
let minut = 0;
getId('plus').onclick = function () {
if (minut <= 59) {
minut = +minut + 1;
if (minut < 10) minut = '0' + minut;
}
minutes.innerHTML = minut;
}
getId('minus').onclick = function () {
if (minut >= 1) {
minut = +minut - 1;
if (minut < 10) minut = '0' + minut;
}
minutes.innerHTML = minut;
}
function startTimer() {
if (!timerS) {
countdown( "secondTimer", minutes.innerHTML, 0 );
}
}
function resetTimer() {
stopTimer();
startTimer();
}
function stopTimer() {
clearInterval(timerS);
timerS = false;
}
function countdown(element, minutes, seconds) {
// встановити час для конкретного відліку
let time = minutes*60 + seconds;
timerS = setInterval(function() {
let el = document.getElementById(element);
// якщо час 0, то закінчіть лічильник
if(time == 0) {
el.innerHTML = "End";
clearInterval(timerS);
timerS = false;
return;
}
let minutes = Math.floor( time / 60 );
if (minutes < 10) minutes = "0" + minutes;
let seconds = time % 60;
if (seconds < 10) seconds = "0" + seconds;
let text = minutes + ':' + seconds;
el.innerHTML = text;
time--;
}, 1000);
}
<div class="block">
<div class="box">
<div id="minutes">00</div>
<p>MINUTES</p>
<div class="buttons2">
<button id="plus">+</button>
<button id="minus">-</button>
</div>
</div>
<div class="box">
<div id="secondTimer">00:00</div>
<div class="buttons">
<button onclick="startTimer()">START</button>
<button onclick="stopTimer()">STOP</button>
<button onclick="resetTimer()">RESET</button>
</div>
</div>
</div>