Как сохранить переменную в локальном хранилище

Question

Я создал таймер с javascript, который запускается, когда пользователь начинает игру, и останавливается, когда игра завершается. Я хотел бы иметь возможность записывать лучшее время пользователей и сохранять его с использованием локального хранилища. Приведенный ниже код показывает мою функцию, которая запускается по завершении игры и работает так, чтобы отображать лучшее время пользователя на странице, однако локальное хранилище не сохраняет переменную userBestTime после перезагрузки страницы. Любая помощь будет высоко ценится.

function stop() {
    clearInterval(timer);
    timer = false;
    $(stopwatchEl).addClass('endgame');
    let timeTaken = stopwatchEl.textContent;
    let timeInMs = ((Number(timeTaken.split(':')[0])*60000) + 
                    (Number(timeTaken.split(':')[1])*1000) + 
                    (Number(timeTaken.split(':')[2]))); 
    let bestTime = 9999999;
    if (timeInMs < bestTime) {
        bestTime = timeTaken;
    }        
    localStorage.setItem('bestTime', JSON.stringify(bestTime));
    let jsonString = localStorage.getItem('bestTime');
    let userBestTime = JSON.parse(jsonString);
    $('.best-time').html('Best Time: ' + userBestTime);
    console.log(userBestTime);
}