下面是JS定时刷新页面及跳转页面的方法攻略。
下面是JS定时刷新页面及跳转页面的方法攻略。
定时刷新页面
使用setInterval()
在JS中使用setInterval()函数可以实现定时刷新页面的效果。setInterval()函数有两个参数,第一个参数是要执行的函数,第二个参数是执行该函数的间隔时间,单位是毫秒。
下面是一个示例代码:
setInterval(function(){
location.reload();
}, 5000);
上面的代码会每5秒钟刷新一次当前页面。
使用setTimeout()与location.href
使用setTimeout()函数和location.href属性可以实现延迟一定时间后刷新页面的效果。setTimeout()函数有两个参数,第一个参数是要执行的函数,第二个参数是延迟时间,单位是毫秒。而location.href属性则是用来跳转页面的,将其设置为当前页面的地址就可以刷新页面。
下面是一个示例代码:
setTimeout(function(){
location.href = location.href;
}, 5000);
上面的代码会延迟5秒钟后刷新当前页面。
跳转页面
使用location.href
在JS中使用location.href属性可以实现跳转页面的效果。将location.href属性设置为要跳转的页面地址即可。
下面是一个示例代码:
location.href = 'https://www.example.com';
上面的代码会跳转到https://www.example.com页面。
使用window.location.replace
使用window.location.replace()函数可以在不记录浏览历史的情况下跳转页面。将函数的参数设置为要跳转的页面地址即可。
下面是一个示例代码:
window.location.replace('https://www.example.com');
上面的代码会跳转到https://www.example.com页面,并不会记录浏览历史。
以上就是JS定时刷新页面及跳转页面的方法攻略,希望能对你有所帮助。
本文标题为:JS定时刷新页面及跳转页面的方法
![](/xwassets/images/pre.png)
![](/xwassets/images/next.png)
- SpringBoot深入讲解单元测试与热部署应用 2023-02-05
- springboot自定义配置及自定义对象映射的全流程 2023-06-06
- 基于SpringBoot实现代码在线运行工具 2022-12-11
- Spring事务管理零基础入门 2023-06-06
- 一文搞懂Java项目中枚举的定义与使用 2023-01-12
- Java集合类之TreeSet的用法详解 2022-09-03
- java – 如何使用Hibernate为PostgreSQL创建索引 2023-11-05
- java版spring cloud+spring boot+redis社交电子商务平台(十)使用Swagger2构建强大的RESTful API文档(2) 2023-11-01
- Sentinel整合Feign流程详细讲解 2023-05-08
- Mybatis-plus selectByMap条件查询方式 2023-02-04