JS定时刷新页面及跳转页面的方法

下面是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定时刷新页面及跳转页面的方法

基础教程推荐