• 豌豆资源网
  • 开引网企业服务
  • 服务外包网
  • 如何实现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=你的网站地址">
    

    3.页面自动刷新js版

    <script language="JavaScript">
     setTimeout(function(){location.reload()},1000); //指定1秒刷新一次
    </script>

     

    posted @ 2020-05-07 10:50  前端一点红  阅读(1974)  评论(0编辑  收藏  举报
  • 乐游资源网
  • 热爱资源网
  • 灵活用工代发薪平台
  • 企服知识
  • 355软件知识