在 jQuery 中使用 setTimeout()

在今天的文章中，我们将学习 jQuery 中的 setTimeout() 函数。

在 jQuery 中使用 setTimeout()

setTimeout() 方法设置一个计时器以在计时器到期后执行一个函数或目标代码。JavaScript 的 setTimeout() 函数会延迟该函数或另一个 JS 函数中的某些操作或代码执行。

此函数始终以毫秒为单位指定的时间延迟执行。

语法：

setTimeout(code, delay)
setTimeout(functionRef, delay, param1)

1. functionRef 是一个将在计时器到期后完成的函数。
2. code 是一种替代语法，它允许你插入字符串而不是在计时器到期时编译和执行的函数。不建议使用此语法，原因与使用 eval() 的安全威胁相同。
3. delay 是一个可选参数，它指定计时器在完成所需功能或代码之前应等待的时间（以毫秒为单位）。如果省略此参数，则使用值 0，表示代码将立即执行。
4. param1, ... , paramN 是一个可选参数。它指定传递给由 functionRef 定义的函数的额外参数。

setTimeout() 函数返回 timeoutID，它是一个正整数值；此值标识通过调用 setTimeout() 函数创建的计时器。要取消超时，你可以将此参数传递给 clearTimeout()。

timeoutID 的值保证不会被随后对窗口或工作程序中的一个元素的 setTimeout 或 setInterval 调用重用。但是，独一无二的项目使用单独的 ID 池。

这个函数不仅在本地 JavaScript 中使用，还可以在 jQuery 中使用 setTimeout()。要延迟运动，你可以在 jQuery 代码中使用 setTimeout() 函数。

让我们通过以下示例来理解它：

$(document).ready(function(){
  setTimeout(() => {
    alert("Welcome to DelftStack!");
  }, 2000);
});

在上面的示例中，我们使用 setTimeout() 以 2000 毫秒的间隔显示警报。

尝试在任何支持 jQuery 的浏览器中运行上述代码片段。它将显示如下所示的结果。

输出：

在此处查看演示。