estoy tratando de hacer una cuenta regresiva de 60s y cuando presiono el botón que se reinicie la cuenta. Lo logré pero a medias porque cuando presiono tiene un retardo de un segundo, no logro eliminar ese segundo de más que me queda.
Les dejo el código:
let inicio = 60,
divSegundos = document.querySelector('#segundos'),
divContador = document.querySelector('#div-contador'),
boton = document.querySelector('#boton');
(function countdown() {
var count = setTimeout(countdown, 1000);
if (inicio == 0) {
divSegundos.innerText = '0' + inicio;
clearTimeout(count);
} else {
if (inicio < 10) {
divSegundos.innerText = '0' + inicio;
} else {
divSegundos.innerText = inicio;
}
}
inicio--;
function resetCountdown() {
inicio = 60;
setTimeout(() => {
clearInterval(countdown);
});
}
boton.addEventListener('click', () => {
resetCountdown();
});
})();
<div id="div-contador">
<div id="minutos">00</div>
<span>:</span>
<div id="segundos"></div>
</div>
<br>
<button id="boton">Presionar</button>
Si hay alguna ayuda se agradece :)