Question

我的以下脚本在页面加载时打开弹出框。所有工作正常但它在页面加载时立即加载。我需要添加时间延迟功能，我希望在5秒后打开弹出窗口

$(function() {
  setTimeout(function() {

    var overlay = $('<div id="overlay"></div>');
    overlay.show();
    overlay.appendTo(document.body);
    $('.popup').show();
    $('.close').click(function() {
      $('.popup').hide();
      overlay.appendTo(document.body).remove();
      return false;

    });


    $('.x').click(function() {
      $('.popup').hide();
      overlay.appendTo(document.body).remove();
      return false;
    });

  });
}, 3000);

Answer 1

setTimeout功能是一个选项：

setTimeout(function(){ alert("Here your code"); }, 3000);

Answer 2

您可以使用setTimeOut函数：

setTimeout(function(){ /** do what you want after 3 seconds */ }, 3000);

在您的情况下，您可以像这样使用它：

$(function(){
    setTimeout(function(){ /** do what you want after 3 seconds */ }, 3000);
});

jquery弹出时间延迟

2 个答案: