实现html页面自动刷新的三种方法
三种方法实现html页面自动刷新
使用场景:
1. 页面需要定时刷新,实时加载数据,需要实时查看监控数据(H5中的WebSocket和SSE可以实现局部刷新)
2. 一定时间之后跳转到指定页面(登录注册之类)
3. 前端开发使用伪数据调试html页面(修改一些js的变量值,可以自动刷新效果)
示例代码:
1. 页面自动刷新注:其中10指每隔10秒刷新一次页面.
<meta http-equiv="refresh" content="10">
2.跳转到指定页面
<meta http-equiv="refresh" content="10;url=http://www.zhimatong.com">
3.页面自动刷新js版
<script language="JavaScript"> setTimeout(function(){location.reload()},1000); //指定1秒刷新一次 </script>
本文属原创,转载请注明原文:http://www.zhimatong.com/jiaocheng/292.html
为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。
内容有用
热门主题
相关阅读
- 苹果手机iOS设备,浏览器在 textarea 或 input 中输入文字时页面放大的解决办法
- select选择后直接跳转到其他网站的三种方式
- 详解CSS居中对齐的3种方式15个样例
- Echarts图表基本参数设置说明
- jQuery报错$(this).attr(‘checked‘)undefined/checkbox无法改变其状态的解决方法
- jq .html() 特效无效的解决办法
- 如何将iconfont中的字体图标全部展示在页面中
- HTML特殊字符符号大全
- jQuery清空input的值,清除标签内容的方法
- jQuery 获取相同 class元素的最后一个元素或id
- ajax传递data的三种传递方式
- jQuery跳转页面的3种代码示例