html页面实现自动刷新的几种方法

使用场景:

1. 页面需要定时刷新,实时加载数据(H5中的WebSocket和SSE可以实现局部刷新)

2. 一定时间之后跳转到指定页面(登录注册之类)

3. 前端开发使用伪数据调试html页面(修改一些js的变量值,可以自动刷新效果)

示例代码:

1. 页面自动刷新注:其中10指每隔10秒刷新一次页面.

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

2.跳转到指定页面

1 <meta http-equiv="refresh" content="10;url=http://www.51jfgou.com">

3.页面自动刷新js版

1 <script language="JavaScript">
2 setTimeout(function(){location.reload()},1000); //指定1秒刷新一次
3 </script>
时间: 2024-10-12 09:22:30

html页面实现自动刷新的几种方法的相关文章

网页页面实现自动刷新的3种代码

网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面? 其实实现这个效果非常地基本,而且这个效果甚至不能称之为特殊效果.你只要把如下代码加入你的网页中就可以了. 1.页面自动刷新:把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面. 2.页面自动跳转:把如下代码加入<head>区域中 <meta http-equi

页面实现自动刷新的3种方式

1.页面自动刷新:把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面. 2.页面自动跳转:把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20;url=http://www.hackhome.com">,其中20指隔20秒后跳

javascript页面刷新的几种方法

javascript refresh page 几种页面刷新的方法 本节内容:Javascript刷新当前页面的方法与实例. window.location.reload(),window.history.go(0)和document.execCommand(''Refresh''),这三个方法是最快速的.其他的都有明显的浏览器滚动条的出现. Javascript刷新页面的几种方法: 1 history.go(0)除非有<%..%>等需在服务端解释才能生成的页面代码,否则直接读取缓存中的数据不

js返回上一页并刷新的几种方法

js返回上一页并刷新的几种方法:<a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()">刷新当前页面</a> <a href="javascript:" onclick="history.go(-2); ">返回前两页</a> <a hr

分区自动挂载的三种方法

一.修改/etc/rc.local配置文件追加类似命令:mount /dev/sda1  /sda1 到配置文件最后一行 二,修改/etc/fstab配置文件追加类似命令:/dev/sda1   /sda1  ext4   defaults   0  0 到配置文件中 三,安装autofs服务yum install autofs 追加类似命令:sda1   -fstype=ext4  :/dev/sda1 到配置/etc/autofs.misc文件中重启服务: service autofs re

JSP页面间传递参数的5种方法

JSP页面间传递参数是经常需要使用到的功能,有时还需要多个JSP页面间传递参数.下面介绍一下实现的方法. (1)直接在URL请求后添加 如:< a href="thexuan.jsp?action=transparams&detail=directe">直接传递参数< /a> 特别的在使用response.sendRedirect做页面转向的时候,也可以用如下代码: response.sendRedirect("thexuan.jsp?acti

(转)在网页中JS函数自动执行常用三种方法

原文:http://blog.sina.com.cn/s/blog_6f6b4c3c0100nxx8.html 在网页中JS函数自动执行常用三种方法 在网页中JS函数自动执行常用三种方法 在HTML中的Head区域中,有如下函数: <SCRIPT   LANGUAGE="JavaScript">   functionn MyAutoRun() {   //以下是您的函数的代码,请自行修改先! alert("函数自动执行哦!");   } </SCR

在网页中JS函数自动执行常用三种方法

在网页中JS函数自动执行常用三种方法 在HTML中的Head区域中,有如下函数: <SCRIPT   LANGUAGE="JavaScript">   functionn MyAutoRun() {   //以下是您的函数的代码,请自行修改先! alert("函数自动执行哦!");   }  </SCRIPT> 下面,我们就针对上面的函数,让其在网页载入的时候自动运行! ①第一种方法 将如上代码改为: <SCRIPT   LANGUAG

页面自动刷新的几种方式

有时候,为了实时获得后台变化过的数据,需要自动刷新页面,重新获取数据,那么下面就来看看几种自动刷新的方式: 第一种 <meta http-equiv="refresh" content="3"> “3”,很容易猜到,是指刷新间隔时间.此处不指定url,说明是刷新本页面. 第二种 <meta http-equiv="refresh" content="20;url=http://baidu.com"> 同