Как продолжить работу секундомера после перезагрузки страницы?

Здравствуйте. Подскажите почему у меня не получается после перезагрузки страницы сохранить тикающие время? В сам 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();