JS Countdown sayfa yenilenmede sıfırlama sorunu
Merhaba,
Aşağıdaki kodlarda yapmak istediğimde belirlediğim dakika boyunca geri gidecek,
sıfırlanınca 2 dakkika bekledikten sonra tekrar geri saymaya başlayacak.
Ve en önemlisi sayfa yenilendiği zaman sıfırdan başlamayacak. Bendeki kodlarda sayfa yenilendikce sıfırdan başlıyor.
<div id="countDown"></div>
$(document).ready(function(){
const startingMinutes = 1;
let time = startingMinutes * 60;
const countdownEl = document.getElementById('countDown');
setInterval(updateCountDown, 1000);
function updateCountDown(){
const minutes = Math.floor(time / 60);
let seconds = time % 60;
seconds = seconds < 10 ? "0" + seconds : seconds;
countdownEl.innerHTML = ` ${minutes} : ${seconds}`;
time--;
}
});
Sayfa yenilendiğinde kaldığı yerden devam etmesini istiyorsan, cookie üzerinde tutman lazım son durumu. updateCountDown() içinde sürekli cookie değerini güncellemen gerekiyor.