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

allway2

已于 2022-03-02 14:17:13 修改

阅读量6.1k

点赞数

文章标签： safari javascript 前端

于 2022-03-02 14:09:58 首次发布

本文链接：https://blog.csdn.net/allway2/article/details/123228957

版权

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

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

方法 1：可以使用 http-equiv 属性使用 HTML 的 head 元素中的元标记自动刷新网页。它是 HTML 5 的内置属性。可以使用 Meta 标记中的 content 属性进一步添加刷新的时间段。

HTTP equiv 属性可用于模拟 HTTP 响应标头。所有主要网络浏览器都支持该属性，例如 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>

方法二： 使用 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()', 5000);
	</script>
</head>

<body>
	<h1>Welcome to GeeksforGeeks code</h1>
</body>

</html>

allway2

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
如何在固定时间自动刷新网页？

假设我们给了一个 HTML 文档，任务是在 Web 浏览器中一段时间后自动刷新网页。我们会预定义一个时间段，浏览器会自动刷新网页。示例：您正在创建一个自动刷新网站，该网站需要在较短的一段时间后刷新。因此，在这种情况下，您可以使用 meta http-equiv 标签来刷新网页。这个 http-equiv 标签的另一个例子是它可以用来重新加载一个天气网站，该网站需要每隔一小段时间更新一次，以显示微小的天气变化。方法 1：可以使用 http-equiv 属性使用 HTML 的 head 元素中的元标
复制链接

扫一扫