Как сделать так, чтобы модальное окно открывалось 1 раз каждые 24 часа?

Question

[Garri_Klim]

<div id="overlay">
      <div class="popup">
        <div>
          <h3 class="modal-back__zag"><?=$popup['title']?></h3>

          <div class="modal-back__text"><?=$popup['description']?></div>
          <a href="<?=get_permalink($popup['post'])?>" class="modal-back__button">Read article</a>
        </div>
        <div>
          <img class="modal__image" src="<?=$popup['cover']?>">
        </div>
        <button class="close" title="Close" onclick="document.getElementById('overlay').style.display='none';"></button>
      </div>
    </div>

Comments

[FanatPHP]

я бы за такие самооткрывающиеся окна убил бы

[Сергей delphinpro]

Проверяем время последней активации.
Если прошло 24 часа или сохраненного значения нет - активируем окно.
Сохраняем время активации окна.

Answer 1

[Владимир Коротенко]

const today = new Date();
const time = today.getTime();
const next = time + 8.64e+7;
const exp = parseInt(window.localStorage['last']);
if(exp < next){
 window.localStorage['last'] = next;
 showDialog();
}else if (window.localStorage['last'] !== undefined){
  window.localStorage['last'] = next;
  showDialog();
}

Comments

[Garri_Klim]

а как мне подключить к этому коду id чтобы оно применялось. И нужно при входе, чтобы оно появлялось сразу, а при выключении popup, оно должно сработать через 1 день. Вот мой код например, оно работает четко, но момент не понятен, как сделать чтобы через 24 часа оно повторно само открывалось

<script type="text/javascript">
  var delay_popup = 5000;
  setTimeout("document.getElementById('overlay').style.display='block'", delay_popup);
  jQuery(function($){
    $(document).mouseup(function (e){
      var div = $("#overlay");
      if (!div.is(e.target)
        && div.has(e.target).length === 0) {
        div.hide();
      }
    });
  });

  $(function() {
    if (!$.cookie('hideModal')) {
      var delay_popup = 5000;
      setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
    }
    $.cookie('hideModal', true, {
      expires: 7,
      path: '/'
    });
  });

  var modal = document.getElementById('popup');

  window.onclick = function(event) {
    if (event.target === modal) {
      modal.style.display = "none";
    }
  }

</script>

[Владимир Коротенко]

Garri_Klim, смотрите у вас тут кукисы используются
https://codernote.ru/jquery/rabota-s-cookies-na-jquery/
в моем коде localstorage и идет проверка значения.

Хотя можете изменить мой код и добавить таймер на первую загрузку, ну а поиск элемента по id у вас уже есть