记住使用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");

Answer 2

不错的尝试！但是您的代码仍然有问题，我认为 var times 没有实现