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

问题描述

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


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

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)