Запомните время, оставшееся до обновления браузера sh с использованием jquery

Question

Этот код, показанный ниже, всплывает с интервалом 5 секунд, 10 секунд и 15 секунд, и внутри этого поля находится контактная форма 7, форма

Поэтому, когда я обновляю sh страницу, она возвращается к 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])
    }
});

Как мне сделать так, чтобы при повторном использовании sh страница запомнила, что осталось

, а также заставила все это остановиться, когда контакт Форма 7 успешно отправлена ​​(всплывающее окно больше не будет отображаться, возможно, до выхода из браузера)

Заранее благодарен за помощь

Answer 1

Хорошая попытка! но в вашем коде все еще есть проблемы, я думаю, что var times не реализована

Answer 2

Вы должны взглянуть на функцию localstorage.

Вы можете установить / обновить информацию следующим образом:

localStorage.setItem("seconds", time);

После загрузки страницы просто используйте

localStorage.getItem("seconds");