jQuery 在 5 秒后重定向到另一个页面

在本节中，我们将学习如何在 jQuery 中自动在五秒后重定向到另一个页面。之后，我们将学习如何使用 jQuery 在 10、15、30 秒或任何指定时间后重定向到 URL。为了在 jQuery 中五秒后重定向到 URL，我们将使用 JavaScript 的 setInterval 函数。 setTimeout 方法和 setInterval 函数彼此相似。 setTimeout() 用于只调用函数一次。 setInterval 用于多次调用它们。假设我们想每三秒为我们网站的访问者显示一条消息。当我们在网站上使用 JavaScript setInterval() 函数时，我们能够将新功能整合到我们的网站中。

HTML 按钮由 HTML 标记包含。为了显示倒计时计时器，我们将使用由 HTML DIV 包含的 HTML SPAN。 jQuery 的点击事件处理程序分配给名为“Redirected”的按钮。之后，JavaScript 的 setInterval 函数将在点击事件处理程序内部初始化，以便它可以每 1000 毫秒（即每 1 秒）执行一次。在我们的示例中，每次执行 JavaScript 的 setInterval 函数时，首先，秒变量的值将递减。之后，它将显示倒计时计时器 HTML SPAN 的值。当秒变量的值达到 0 时，倒计时计时器将结束，然后该页面将被重定向到另一个页面。

在我们的示例中，我们将使用 2 秒通过创建一个按钮重定向到另一个页面。点击创建的“Redirected”按钮后，倒计时将开始，该按钮将在 5 秒后重定向到输入的 URL 页面。以下示例向我们展示了 jQuery 中重定向到另一个给定 URL 页面。

示例

上述示例的输出如下

点击此按钮后，我们将被重定向到另一个页面。请看以下截图