定时刷新页面

html页面实现自动刷新

Posted by Sunfy on 2021-09-02
Words 240 and Reading Time 1 Minutes
Viewed Times
Viewed Times
Visitors In Total

html页面实现自动刷新

使用场景:

  1. 页面需要定时刷新,实时加载数据(H5中的WebSocketSSE可以实现局部刷新)
  2. 一定时间之后跳转到指定页面(登录注册之类)
  3. 前端开发使用伪数据调试html页面(修改一些js的变量值,可以自动刷新效果)

示例代码:

  • 页面自动刷新注:其中10指每隔10秒刷新一次页面.
1
<meta http-equiv="refresh" content="10">
  • 跳转到指定页面
1
<meta http-equiv="refresh" content="10;url=http://www.51jfgou.com">
  • 页面自动刷新js
1
2
3
<script language="JavaScript">
setTimeout(function(){location.reload()},1000); //指定1秒刷新一次
</script>

完整实例:

1
2
3
4
5
6
<html>
<head><meta http-equiv="refresh" content="1"></head>
<frameset>
<frame src="http://www.sunfy.top" name="iframe">
</frameset></frameset>
</html>

Copyright 2021 sunfy.top ALL Rights Reserved

...

...

00:00
00:00