javascript - 使用jquery记住浏览器刷新时剩余时间

Question

下面的代码以 5 秒、10 秒和 15 秒的间隔弹出，此框中是联系表单 7 表单

所以当我刷新页面时，它总是回到 5 秒。

var iteration = 0;
var times = [5,10,15]
var showPopUp = function(time) {
    setTimeout(function() { 
        jQuery('.pop_timer_box').css('display','flex');
        Cookies.set('popup_box', time); 
    }, time)

}

showPopUp(times[iteration]);

jQuery('body').on('click', '.cclose_pop', function() {
    jQuery('.pop_timer_box').hide();
    iteration +=1;
    if (iteration < 3) {
      showPopUp(times[iteration])
    }
});

如何才能使刷新页面时记住它剩下的内容

并在联系表单 7 成功提交后停止一切(弹出窗口可能在浏览器退出之前不再显示)

提前感谢您的帮助

Answer 1

您应该看看 localstorage 函数。

您可以像这样设置/更新信息:

localStorage.setItem("seconds", time);

页面加载后只需使用

localStorage.getItem("seconds");