码迷,mamicode.com
首页 > Web开发 > 详细

html定时刷新

时间:2018-05-12 16:22:08      阅读:388      评论:0      收藏:0      [点我收藏+]

标签:调试   开发   load()   blog   ade   htm   time   refresh   asc   

 

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>

html定时刷新

标签:调试   开发   load()   blog   ade   htm   time   refresh   asc   

原文地址:https://www.cnblogs.com/chenhonggao/p/9028846.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!