Здравствуйте. Подскажите почему у меня не получается после перезагрузки страницы сохранить тикающие время? В сам localstarage значение сохраняется после перезагрузки, а на экран не выводится, таймер сбрасывается в 0. Вот код:
<div id="stopwatch"></div>
<button id="buttonClick">START</button>
var buttonClick = document.getElementById('buttonClick');
var h4 = document.getElementById('stopwatch');
var ticks = 0;
var ticker = false;
function formatTime(time) {
if (time < 10) {
return "0" + time
} else {
return time
}
}
function getReady() {
var hours = Math.floor(ticks / 3600)
var minutes = Math.floor((ticks - hours * 3600) / 60)
var seconds = ticks - hours * 3600 - minutes * 60
h4.innerHTML = formatTime(hours) + " : " + formatTime(minutes) + " : " + formatTime(seconds)
}
buttonClick.addEventListener('click', function(){
if (buttonClick.innerHTML == "START") {
buttonClick.innerHTML = "STOP";
ticker = setInterval(() => {
getReady()
ticks += 1
localStorage.setItem('time', h4.innerHTML)
}, 1000);
hours = 0;
minutes = 0;
seconds = 0;
} else {
buttonClick.innerHTML = "START";
hours = 0;
minutes = 0;
seconds = 0;
clearInterval(ticker);
}
localStorage.setItem('time', h4.innerHTML)
})
if (localStorage.getItem('time') !== null) {
var clockTimer = localStorage.getItem('time');
h4.innerHTML = clockTimer;
}
getReady();