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.51jfgou.com">
  3. 页面自动刷新js版
    <script language="JavaScript">
    setTimeout(function(){location.reload()},1000); //指定1秒刷新一次
    </script>

作者
分类 网站建设

评论

本文评论功能已关闭。

← 较早的 较新的 →