• 技术文章 >Web开发 >JavaScript

    js定时器刷新当前页面

    小妮浅浅小妮浅浅2021-01-18 15:36:42原创3084

    在定时器中,我们有时会不断刷新页面来满足某种需求,那么有小伙伴知道有哪些方法能实现呢?这里小编整理出了几种方法:1.重装方法;2.自动刷新页面的方法;3.调用js语句;4.setInterval ,具体的操作需要大家跟我们一起往下看分析和代码示例,下面一起进入今天的学习吧。

    1.重装方法,该方法强迫浏览器刷新当前页面

    语法:

    location.reload([bForceGet])

    参数: bForceGet,可选参数,默认为false,从客户端缓存里取当前页.true,则以GET方式,从服务端取最新的页面,相当于客户端点击F5(“刷新”)

    2.自动刷新页面的方法

    1)页面自动刷新:把如下代码加入区域中

    <meta http-equiv="refresh" content="20">
     <!-- 其中20指每隔20秒刷新一次页面.-->

    2)页面自动跳转:把如下代码加入区域中

    <meta http-equiv="refresh" content="20; url="http://baidu.com">
     <!--其中20指隔20秒后跳转到 http://baidu.com 页面-->

    3.调用js语句

    <body onload="opener.location.reload()"> <!--开窗时刷新-->
     <body onUnload="opener.location.reload()"> <!--关闭时刷新-->
     <script language="javascript">
     window.opener.document.location.reload();
     </script>

    如果想关闭窗口时刷新或者想打开窗口时刷新的话,在中调用以上语句即可。

    4.setInterval

    如果我要求您每隔 4 秒打印一条消息怎么办?

    虽然您可以将 setTimeout 放在循环中,但定时器 API 也提供了 setInterval 函数,这将完成永远执行某些操作的要求。

    // example3.js
    setInterval(() => console.log("Hello every 3 seconds"), 3000);

    以上就是我们在js中刷新页面的几种方法,小伙伴们学会了就开始操作了,然后选择一种最合适自己的方法,运用在以后的学习和工作中。更多js学习指路:js教程

    专题推荐:js定时器刷新当前页面
    品易云
    上一篇:js定时器怎么调开关时间? 下一篇:js定时器第一次延迟

    相关文章推荐

    • json格式字符串• JavaScript中如何实现字符串转为json对象?• js截取字符串指定字符之间的部分• js定时器怎么调开关时间?

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网