防止倒计时在页面重新加载或页面刷新时重新启动

如何解决防止倒计时在页面重新加载或页面刷新时重新启动

请帮助我进行简单的倒计时。我尝试使用本地存储来防止它在页面重新加载或刷新时重新启动，但我的代码不起作用。下面是我的代码：

    var time = 100; // This is the time allowed
    var saved_countdown = localStorage.getItem('saved_countdown');

    if(saved_countdown == null) {
           localStorage.setItem('saved_countdown',time);
    } else {
           time = saved_countdown;
    }

    var x = setInterval(() => {

           var counter = time--;

           document.getElementById("counti").innerHTML = counter + " s";    
           if (counter == 0) {
                clearInterval(x);
                localStorage.removeItem('saved_countdown');
                document.getElementById("counti").innerHTML = "TIME EXPIRED";
           }
     },1000);