setTimeout, чтобы отложить всплывающее окно, чтобы показать - PullRequest
0 голосов
/ 17 июня 2020

Мне нужна помощь, чтобы задержать появление всплывающего окна через 5 секунд при приземлении на страницу. Это код, который я использовал. Я все еще новичок в Jquery, так что любая помощь с делом. Спасибо!

/*$(window).load(function(){
    	$("#popup-delay").modal('show');
    
    });*/
$(document).ready(function() {
  if ($.cookie("popup_1_2") == null) {
    setTimeout(delay, 10000);
    $("#popup-delay").modal('show');
    $.cookie('popup_1_2', '2');

  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div aria-hidden="true" aria-labelledby="popup" class="modal fade" id="popup-delay" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-body text-center">
        <div class="close-btn">
          <button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button></div>
        <div class="content">
          <div class="row">
            <div class="col-md-12">
              <h2>
                This is a test</h2>
              <button aria-label="Close" class="close-btn mini-new-buttons" data-dismiss="modal" type="button" value="No Thanks">No Thanks</button></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

1 Ответ

1 голос
/ 17 июня 2020

setTimeout (function [, delay]); Метод setTimeout () миксина WindowOrWorkerGlobalScope (и преемник Window.setTimeout ()) устанавливает таймер, который выполняет функцию или указанный фрагмент кода по истечении таймера .... [функция] Обязательно. Функция, которая будет выполняться ... [задержка] Необязательно. Количество миллисекунд ожидания перед выполнением кода. Если не указано, используется значение 0

Чтобы проверить загрузку окна или готовность документа, вы можете использовать

// Pure Javascript
window.onload = function(){
    // code here
}

OR

// JQuery
$(document).ready(function(){
   // code here
});

До указанного выше ваш код должен быть

$(document).ready(function(){
    if($.cookie("popup_1_2") == null){
       setTimeout(function(){
           $("#popup-delay").modal('show');
           $.cookie('popup_1_2','2');
       }, 5000); // 5000 is a 5 seconds
    }
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...