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(){ /** do what you want after 3 seconds */ }, 3000);

根据您的情况，您可以像这样使用它:

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