Установите для элемента localStorage срок действия VS с использованием файлов cookie

Question

Я пытаюсь закрыть баннер с помощью кнопки закрытия, я не хочу, чтобы он снова появлялся в течение 30 дней после закрытия.

Я выполнил первую часть, используя localStorage вот так ...

if (localStorage.getItem('popup') != 'closed') {
  
    var x = document.getElementById("popup");
    x.style.display = "block";
  
}

function closePopup() {

    var x = document.getElementById("popup");
    x.style.display = "none";
    localStorage.setItem('popup','closed');
      
}

Сейчас я пытаюсь установить срок действия и начинаю думать, что мне следовало использовать файлы cookie. Могу ли я установить срок действия для элементов localStorage, если файлы cookie более подходят для использования в этом случае?

Answer 1

Вы можете сохранить отметку времени, когда она закрыта, в localStorage, а затем при инициализации посмотреть, является ли эта отметка времени >= 30 days старой, и если да, показать всплывающее окно и очистить отметку времени от localStorage.