Как открыть модальное окно один раз и только после 30 секунд?

Question

[vasilseodor]

Есть модальное окно - код.
1) Как сделать так, чтобы оно открылось лишь через 30 секунд
2) Как сделать, чтобы при перезагрузке страницы оно больше не выводилось. То есть как бы запоминается сессия или куки. При переходе на другие страницы, окно больше не должно выскакивать.

Answer 1

[Mikhail Osher]

jQuery(function($) {
  // Ключ localStorage
  var LS_KEY = 'modal_shown';
  
  // Если модал еще не открыали
  if (!localStorage.getItem(LS_KEY)) {
    setTimeout(function() {
      // Открываем модал
      modalShownFn();
      
      // Сохраняем флаг в localStorage
      localStorage.setItem(LS_KEY, '1');
    }, 30 * 1000);
  }
});

Comments

[Евгений]

а как прописать чтобы по клику больше не открывалось?
$('.close-popup-donat').click(function() {
$('.recall.active').removeClass('active');
});

Answer 2

[Денис Инешин]

Чтобы открылось через 30 секунд: setTimeout

Чтобы запомнить что уже открывали, нужно записать переменную скажем в куки: popup_opened=true;
Это можно сделать например с помощью: jQuery Cookie
А потом, при попытке заново открыть попап, проверять наличие этой переменной.

Answer 3

[Папа Стифлера]

stackoverflow.com/questions/13352658/reveal-modal-...