jquery弹出时间延迟

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弹出时间延迟

jquery popup time delay

jquery

popup