Question

直播网站 - http://www.uposonghar.com/test/test_popup.html

显示弹出式页面 - http://www.uposonghar.com/test/jquery.reveal.js

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

我想在弹出窗口上添加10秒延迟，所以如果有人点击链接，那么10秒后会出现弹出窗口。我尝试了JavaScript settimeout但是没有用，因为jQuery知识不足我不知道如何用jquery做到这一点。如果我第二次点击，也不会出现弹出窗口，仅在我第一次点击时出现。

Answer 1

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);
});

Answer 2

使用setTimeout()

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

Answer 3

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

添加延迟jquery显示弹出窗口

3 个答案: