jquery - 如何正确使用延时功能

Question

延迟功能没有像我预期的那样工作。我确信我做错了什么。我有一个想要使用的覆盖层。当用户单击链接时，我希望此函数延迟 1 秒然后“释放”，从而允许用户转到他们单击的链接。我怎样才能做到这一点？

     $("body").append("<div id='overlay'></div>");
     $("#overlay").height(docHeight).css({
...
      }).delay(1000);  <-- This is where I think it should go...
    });

编辑:

我已经尝试了提供的两种解决方案，但无法保持覆盖层。屏幕刷新大约半秒。它忽略了 setTimeout 函数。我测试 setTimeout 函数的方法如下，但我什至没有收到警报。我假设我会将覆盖代码放在alert() 的位置，对吗？

为了清楚起见，我期望看到的是单击 .load 选择器时有 1 秒的延迟，然后用户转发到他们单击的链接。

  $('.load').click(function() {
    setTimeout(function(){
      alert();
    }, 1000);
  });

Answer 1

jQuery 延迟函数是 jQuery 动画的助手。它不会延迟任意操作。如果您需要延迟某些事情，请使用 setTimeout。

下面将在 1 秒后执行内部函数。

setTimeout(function() { $("#overlay").height(100); }, 1000);