如何使用本地存储保存变量

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);
}