Javascript 在jquery弹出窗口中添加延迟

Javascript 在jquery弹出窗口中添加延迟,javascript,jquery,popup,Javascript,Jquery,Popup,现场- 显示弹出js页面- 由于js页面上有很多代码,所以在这里发布所有js代码可能不是一个好的选择 我想在弹出窗口上增加10秒的延迟,所以如果有人点击链接,弹出窗口将在10秒后出现。我尝试了JavaScript settimeout,但没有成功,因为对jQuery的了解不多,我不知道如何使用jQuery实现这一点。 另外,如果我第二次单击,弹出窗口不会出现,只有在我第一次单击时才会出现。使用setTimeout() setTimout很好地解决了这个问题。 试试看 var tmrReveal

现场-

显示弹出js页面-

由于js页面上有很多代码,所以在这里发布所有js代码可能不是一个好的选择

我想在弹出窗口上增加10秒的延迟,所以如果有人点击链接,弹出窗口将在10秒后出现。我尝试了JavaScript settimeout,但没有成功,因为对jQuery的了解不多,我不知道如何使用jQuery实现这一点。 另外,如果我第二次单击,弹出窗口不会出现,只有在我第一次单击时才会出现。

使用
setTimeout()


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);
});
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);
});
$('#your-anchor-here').click(
function(){
    setTimeout(
        function(){
            //popup logic here
        },10000)
      });