您现在的位置是:首页 > Javascript
当前栏目
js定时器刷新当前页面
2023-03-15 23:16:48 时间
在定时器中,我们有时会不断刷新页面来满足某种需求,那么有小伙伴知道有哪些方法能实现呢?这里小编整理出了几种方法: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教程
相关文章
- TiDB Binlog 组件正式开源
- 使用Visual Studio Code对Node.js进行断点调试
- 推荐!数据可视化的十种优秀JavaScript图表库
- Node.js在复杂集成场景下占据统治地位的五个理由
- 玩转Node.js单元测试
- Node.js中内存泄漏分析
- Angular对React:一场关于Web开发者支持率的史诗对决
- 热点推荐:什么是后端开发?
- 谈谈Spring boot 启动层面的开发
- 使用NodeJS将文件或图像上传到服务器
- 编写React组件的最佳实践
- JavaScript MV*框架最值得关注的七个亮点
- 前端开发指南:如何利用PHP Cake框架构建应用
- 基于React与Vue后,移动开源项目Weex如何定义未来
- NodeJS和C++之间的类型转换
- jQuery中的常用到的三十九个技巧
- 官宣|Google Developers中国网站发布!
- NodeJS和C++之间的类型转换
- .NET Core首例Office开源跨平台组件(NPOI Core)
- 如何写出漂亮的React组件