JavaScript 获取页面停留时间
时间: 2023-12-14 13:39:59 浏览: 78
可以使用JavaScript中的计时器和事件监听器来获取页面停留时间。具体实现步骤如下:
1. 在页面加载时,记录当前时间戳。
2. 使用 `setInterval()` 函数设置一个计时器,在计时器函数中,记录当前时间戳并计算页面停留时间。
3. 使用 `window.addEventListener()` 函数监听 `beforeunload` 事件,当用户关闭或离开页面时,记录当前时间戳并计算页面停留时间。
下面是一个示例代码:
```javascript
let startTime = Date.now();
let stayTime = 0;
// 记录页面停留时间
setInterval(() => {
stayTime = Date.now() - startTime;
}, 1000);
// 监听 beforeunload 事件
window.addEventListener('beforeunload', () => {
stayTime = Date.now() - startTime;
console.log(`页面停留时间:${stayTime} 毫秒`);
});
```
在上面的代码中,`startTime` 变量记录页面加载时的时间戳,`stayTime` 变量记录页面停留时间。`setInterval()` 函数每隔 1 秒记录一次当前时间戳,并计算页面停留时间。`window.addEventListener()` 函数监听 `beforeunload` 事件,当用户关闭或离开页面时,记录当前时间戳并计算页面停留时间。最后将页面停留时间打印到控制台。
注意:由于浏览器限制,在 `beforeunload` 事件处理程序中只能进行同步操作,不能进行异步操作。因此,如果需要向服务器发送请求等异步操作,请在 `unload` 事件中进行。
阅读全文