Великолепное всплывающее окно - задержите всплывающее окно на 100 секунд и заставьте закрыться, как галочка

Я не кодер javascript, поэтому мне нужна помощь в этом.

  1. Я хотел бы, чтобы всплывающее окно загружалось через 100 секунд.
  2. Я хотел бы, чтобы, если пользователь нажимает на кнопку закрытия X, всплывающее окно закрывается на 30 дней для этого пользователя... так же, как сейчас делает щелчок при увольнении.

Если вы можете помочь мне с этим, я был бы очень рад :).

Вот код, который я использую для своего Magnific Popup:

var et_popup_closed = $.cookie('etheme_popup_closed');
$('.etheme-popup').magnificPopup({
    type: 'inline',
    preloader: false,
    focus: '#username',
    modal: true
});

if(et_popup_closed != 'do-not-show') {
    $('.etheme-popup').click();
}

$(document).on('click', '.popup-modal-dismiss', function (e) {
    e.preventDefault();
    $.magnificPopup.close();
    if($('#showagain:checked').val() == 'do-not-show')
        $.cookie('etheme_popup_closed', 'do-not-show', { expires: 30, path: '/' } );
});

popup magnific-popup
person user3171247    schedule 08.01.2014    source источник

Ответы (1)


arrow_upward
2
arrow_downward

чтобы инициализировать всплывающее окно с задержкой, используйте setTimeout


    $(window).load(function () {
      setTimeout(function(){
    $.magnificPopup.open({
     items: {
            src: '#ID' //ID OF INLINE ELEMENT
                },
            type:'inline',
      mainClass: 'my-mfp-zoom-in'
            });
     }, 100000);  // equals 100 seconds
        });

вы можете изменить часть type:'inline' на что угодно (например, type:'image') и изменить src

вы можете просмотреть демонстрацию здесь ( открывается через 18 секунд после загрузки окна)

что касается части cookie, я тоже пытался понять это.

person Sid Vishnoi    schedule 25.05.2014