使用 jQuery 自动刷新或重新加载页面

在本节中，我们将学习自动重新加载和刷新页面。我们将使用 jQuery 来实现这一点。我们可以借助 jQuery 手动或自动重新加载或刷新嵌入页面或活动页面。如果我们正在开发一个网页，并希望在一段时间后添加自动刷新，我们可以通过使用 JavaScript 来实现。我们可以使用 setTimeout()、meta http-equiv 标签和 setInterval() 来自动重新加载页面。有各种技术，例如 Codeigniter、.Net、PHP、Laravel、Java，可以自动重新加载或刷新网页。

有时，当我们在页面上工作时，我们需要在一段时间后重新加载页面，该时间段可以是 10 秒、15 秒、20 秒、30 秒等。在下面的示例中，我们将描述刷新 HTML 页面的各种过程。本节将提供 3 个示例，说明如何使用一些方法自动重新加载 PHP 页面以及如何使用 JavaScript 刷新 PHP 页面。如果我们要手动刷新页面，我们也可以通过指定一些时间间隔来实现。

示例 1

在第一个示例中，我们将使用 setTimeout() 方法自动重新加载和刷新页面。setTimeout() 方法接受两个参数。在第一个参数中，我们将描述一个函数，该函数用于包含重新加载和刷新页面的代码。在第二个参数中，我们将描述函数执行后的时间间隔。时间间隔应以毫秒为单位。此方法将执行该函数一次。

示例 2

在第二个示例中，我们将使用 setInterval() 方法 自动重新加载和刷新页面。setInterval() 方法接受两个参数。在第一个参数中，我们将描述一个函数，该函数用于包含重新加载和刷新页面的代码。在第二个参数中，我们将描述用于重复调用函数的时间间隔。时间间隔应以毫秒为单位。此方法在给定时间间隔后重复执行该函数，直到调用 clearInterval() 或关闭窗口。这里，我们没有使用任何方法来停止在 setInterval() 方法中指定的函数的执行。这意味着该方法会执行该函数，直到我们关闭窗口。

示例 3

在第三个示例中，我们将使用 Meta 标签自动重新加载和刷新页面。使用 Meta 标签，我们可以设置时间（以秒为单位）。之后，我们将定位我们希望在指定时间间隔重新加载的页面。如果我们要将页面加载到另一个页面中，我们可以使用 URL 来实现。如果我们不指定 URL，我们将在同一页面上重新加载。

现在我们的上述示例已准备好运行。当我们运行这些示例中的任何一个时，将生成以下输出：

We are from Javatpoint.com