js定时器刷新当前页面

  • Z时代
  • 2024-01-10
  • 分类：综合

美女程序员鼓励师

在定时器中，我们有时会不断刷新页面来满足某种需求，那么有小伙伴知道有哪些方法能实现呢？这里小编整理出了几种方法：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定时器刷新当前页面 的全部内容， 来源链接： utcz.com/z/542153.html

回到顶部