js定时器刷新当前页面
小妮浅浅
2021-01-18 15:36:424495浏览 · 0收藏 · 0评论
在定时器中，我们有时会不断刷新页面来满足某种需求，那么有小伙伴知道有哪些方法能实现呢？这里小编整理出了几种方法：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教程
关注公众号，随时随地在线学习
分享到微博
微信扫一扫
流芳
124293
