模式PopUp延迟

Question

在下面的代码中，我无法向PopUp添加延迟。我尝试过setTimeout函数，但可能没有正确添加。如果有人有正确的解决方案，我将不胜感激。

$(function() { 
  var overlay = $('<div id="overlay"></div>');
  if (!getCookie('modalcookie')) {
    overlay.show();
    overlay.appendTo(document.body);
    $('.popup').show();
  }

Answer 1

假设您想延迟弹出窗口的显示，那么您需要将if条件的内容包装在一个setTimeout()调用中：

$(function() { 
  var overlay = $('<div id="overlay"></div>');
  if (!getCookie('modalcookie')) {
    setTimeout(function() {
      overlay.appendTo(document.body).show();
      $('.popup').show();
    }, 1000); // 1000ms = 1 second delay
  }
});