如何在固定时间内自动刷新网页

假设我们有一个HTML文档，任务是在网页浏览器中的一定时间后自动刷新网页。我们将预定义一个时间段，浏览器会自动刷新网页。

这可以通过两种方式实现：

使用“meta”标签
使用setInterval()浏览器API

示例： 您正在创建一个需要在一段较短的时间后刷新的自动刷新的网站。因此，在这种情况下，您可以使用meta http-equiv标签来刷新网页。此http-equiv标签的另一个示例是，它可以用来重新加载一个天气网站，该网站需要在每个较短的时间间隔后更新以显示分钟级的天气变化。

方法1：使用“meta”标签

可以使用HTML的head元素中的meta标签的http-equiv属性来自动刷新网页。这是一个内置于HTML5中的属性。可以通过在Meta标签内部的content属性中进一步添加刷新的时间段。

HTTP-equiv属性可用于模拟HTTP响应头。该属性受到所有主要的Web浏览器的支持，如Google Chrome、Mozilla Firefox、Microsoft Edge、Safari、Opera Mini等。

语法：

<meta http-equiv="refresh" content="10">

示例： 此示例展示了上述解释的方法。

<!DOCTYPE html>
<html>
 
<head>
    <title>Page Title</title>
    <meta http-equiv="refresh" content="10">
</head>
 
<body>
    <h2>Welcome To GFG</h2>
    <p>The code will reload after 10s.</p>
</body>
 
</html>

输出 :

如何在固定时间内自动刷新网页

方法2：使用 setInterval() 方法

通过使用以下 JavaScript 代码来访问网页的自动刷新属性，直到调用 ClearInterval()，setInterval() 将继续不断地自我调用。

语法：

<script>
    function autoRefresh() {
        window.location = window.location.href;
    }
    setInterval('autoRefresh()', 5000);
</script>

示例: 此示例展示了以上解释的方法。

<!DOCTYPE html>
<html>
 
<head>
    <title>
        Reloading page after 5 seconds
    </title>
 
    <script>
        function autoRefresh() {
            window.location = window.location.href;
        }
        setInterval('autoRefresh()', 2000);
    </script>
</head>
 
<body>
    <h1>Welcome to GeeksforGeeks code</h1>
</body>
 
</html>

输出：

如何在固定时间内自动刷新网页