0

Как подождать 5 секунд перед загрузкой модального окна bootstrap на сайте? Знаю что можно сразу при загрузки страницы вывести, но как подождать 5 секунд и затем вывести модальное окно не знаю. Пробовал интервал брать setTimeout() , но не помогает.

$(window).load(function(){        
   $('#myModal').modal('show');
}); 

1 ответ 1

1

Используйте функцию setTimeout как в моём примере.

setTimeout(function() {
  $("#ex1").modal();
}, 5000);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />

<div id="ex1" class="modal">
  <p>Thanks for waiting. That felt good.</p>
  <a href="#" rel="modal:close">Close</a>
</div>
<p>Please wait for five secodns...</p>

1
  • Спасибо, работает!
    – Manticore
    21 мар 2019 в 19:29

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.