Добавьте задержку всплывающего окна jquery

Question

Добавьте задержку всплывающего окна jquery

0

Live site- http://www.uposonghar.com/test/test_popup.html

Показать всплывающее окно js page- http://www.uposonghar.com/test/jquery.reveal.js

Из-за большого количества кода на странице js, возможно, это не очень хорошая возможность опубликовать здесь весь js-код.

Я хочу добавить 10-секундную задержку в этом всплывающем окне, поэтому, если кто-то щелкнет по ссылке, то всплывающее окно появится через 10 секунд. Я пробовал JavaScript settimeout, но не работает, из-за низкого знания jQuery я не знаю, как это сделать с jquery. Также всплывающее окно не появляется, если я нажимаю на него во второй раз, появляется только когда я нажимаю первый раз.

arifix 20 фев. 2014, в 20:49

Источник

Теги:

javascript

jquery

popup

3 ответа

0

$('#your-anchor-here').click(
function(){
    setTimeout(
        function(){
            //popup logic here
        },10000)
      });

Adam Rehill 20 фев. 2014, в 17:57

1

Объясните, почему это работает.
Bleeding Fingers 20 фев. 2014, в 19:55

0

Использовать setTimeout()

setTimeout(function() {
      //code goes here
}, 10000);

victorantunes 20 фев. 2014, в 17:44

Ещё вопросы

Roger Barretto · Accepted Answer · 2014-02-20T17-30-00.000Z

setTimout прекрасно это решает. Попробуй это...

var tmrReveal = null;    
$('a[data-reveal-id]').live('click', function(e) {
    e.preventDefault();
    var modalLocation = $(this).attr('data-reveal-id');
    if (tmrReveal != null)
            clearTimeout(tmrReveal);

    tmrReveal = setTimeout(
        function() {
           $('#'+modalLocation).reveal($(this).data()); 
        },10000);
});