在前端开发中，我们经常需要延迟函数的执行，在特定的时间或条件下才触发。jQuery 提供了一些方便的方法来实现这个目标。
延迟函数的基本语法
可以使用 setTimeout() 函数来延迟函数的执行。其语法如下：
setTimeout(function, milliseconds)
其中，第一个参数是要延迟执行的函数，第二个参数是延迟的毫秒数。
例如，以下代码在延迟 1 秒后将弹出 "Hello World!"：
setTimeout(function() {
alert("Hello World!");
}, 1000);使用 jQuery 的 delay() 方法
jQuery 还提供了一个 delay() 方法，可以在动画序列中使用，以延迟执行下一个动画。但是，它也可以用于一般情况下的函数调用延迟。
该方法的语法如下：
$(selector).delay(milliseconds).queue(function(next) {
// delayed code here
next();
});其中，selector 选中要延迟执行的元素，milliseconds 是延迟的毫秒数。在回调函数中编写要延迟执行的代码，并在最后调用 next() 函数，以便将队列移交给下一个函数。
例如，以下代码在延迟 1 秒后将弹出 "Hello World!"：
$("#myDiv").delay(1000).queue(function(next) {
alert("Hello World!");
next();
});注意，在调用 delay() 后，必须使用 queue() 函数来定义延迟执行的代码块，并在最后调用 next()。
使用 jQuery 的 animate() 方法
jQuery 的 animate() 方法也可以用于延迟函数执行。该方法通过指定动画的持续时间来实现延迟。
例如，以下代码将使元素在 1 秒钟内从透明度为 0 淡入到透明度为 1：
$("#myDiv").animate({
opacity: 1
}, 1000, function() {
alert("Hello World!");
});在该代码中，回调函数将在动画完成后立即执行，因此它可以被认为是延迟执行函数的一种方式。
结论
在前端开发中，延迟函数的执行是一项常见任务，而 jQuery 提供了多种方法来处理这个问题。无论是使用 setTimeout() 函数、delay() 方法还是 animate() 方法，都可以很容易地实现函数延迟执行。在实际应用中，我们可以根据具体情况选择合适的方法来延迟函数的执行。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
------------ -------- ---- ----- --------------
------- -----------------------------------------------------------
-------
------
---- ---------- ------------- ------ ------- ------ ----------------- ------------
--------
-- -- ------------ ------
--------------------- -
------------ ---------
-- ------
-- -- ------- ------
-------------------------------------------- -
------------ ---------
-------
---
-- -- --------- ------
---------------------
-------- -
-- ----- ---------- -
------------ ---------
---
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25801