首页 旅游资讯 线路攻略 景点大全 国内游 境外游 美食特产
您的当前位置:首页正文

js定时器刷新当前页面

2024-07-17 来源:锐游网

在定时器中,我们有时会不断刷新页面来满足某种需求,那么有小伙伴知道有哪些方法能实现呢?这里小编整理出了几种方法: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学习指路:


显示全文