click jquery
 

Вызываю модальное окно,нужно чтобы при нажатии на кнопку,модальное окно вызывалось через 5 секунд.Сейчас при нажатии на кнопку,в адресной строке прописывается #form-popup, и модальное окно не выводится,а затем если уже нажать,то выводится как положено.Я установил,что это связано с #form-popup,когда это в url,то все работает,но изначально у меня этого нет,как мне исправить эту ошибку.

jQuery(document).ready(function($) {
    $('.popup-with-form-allabout').click(function(){
      sleep(5000);
        $('.popup-with-form-allabout').magnificPopup({
          type: 'inline'
      });
    });
});

<a href="#form-popup" class = "popup-with-form-allabout" style = "text-decoration: none;"><div class = "mainButton">Написать нам</div></a>

<div id="form-popup" class="white-popup mfp-hide" >
      ....
    </div>

SolomonRei,
строка 3 ... это ... что?

а да,забыл
Это на подобии функции sleep в php

function sleep(ms) {
      ms += new Date().getTime();
      while (new Date() < ms){}
  }

SolomonRei,
выкиньте и никогда не используйте

а как тогда,мне через 5 секунд открыть это модальное окно?

подскажите

SolomonRei,

jQuery(document).ready(function($) {
    var tm;
    $('.popup-with-form-allabout').click(function(event){
        event.preventDefault();
        window.clearTimeout(tm);
        tm = window.setTimeout(function() {
       $('.popup-with-form-allabout').magnificPopup({
          type: 'inline'
      });
}, 5000)

    });
});

Спасибо.но все равно только со второго раза открывается модальное окно,ошибка осталась

SolomonRei,
если не секрет, а зачем вам такой долгий тайм?
Такое долгое время ожидания не оправдывает себя и только вводит пользователей в замешательство.

Задачу мне такую дали