下面是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定时刷新页面及跳转页面的方法
基础教程推荐
- Java中I/O输入输出的深入讲解 2023-03-31
- 工具类之关于RestTemplateUtil工具类的使用 2023-06-30
- 详解Java中static关键字和内部类的使用 2023-04-17
- Spring零基础到进阶之鸿蒙开篇 2023-02-27
- arthas排查jvm中CPU占用过高问题解决 2023-05-08
- Spring面向切面编程AOP详情 2023-05-25
- 使用JDBC工具类实现简单的登录管理系统 2022-10-30
- java中的OPT算法实现方式 2023-02-27
- 微信小程序与Java后端接口交互 2023-03-11
- 在SpringBoot项目中整合拦截器的详细步骤 2023-05-14