JS 定时自动刷新页面
时间: 2024-12-02 19:13:35 浏览: 10
在JavaScript中,如果你想定时自动刷新页面,通常是为了实现轮询(polling)机制来实时获取服务器更新的数据。这里有一个基本的例子,使用setInterval函数来定期发送请求并重定向页面:
```javascript
// 设置刷新间隔时间,比如每5秒刷新一次
var refreshInterval = 5000; // 单位毫秒
// 使用fetch、axios或其他HTTP库替换实际的网络请求
function fetchNewData() {
fetch('/api/data') // 替换为你的API地址
.then(response => response.json())
.then(data => {
// 对新数据做处理,然后可能需要更新页面内容
// 更新页面内容的部分省略了,假设你有handleDataUpdate方法
handleDataUpdate(data);
// 如果你想在数据更新后立即刷新页面,可以在handleDataUpdate完成后添加location.reload();
})
.catch(error => console.error('Error:', error));
}
// 开始定时刷新
setInterval(fetchNewData, refreshInterval);
// 如果想要停止定时刷新,可以在需要的地方添加clearInterval(callerId),callerId是你之前设置的interval ID
// clearInterval(refreshCallerId);
```
阅读全文