使用localStorage统计页面停留时间

最新推荐文章于 2024-09-03 16:46:57 发布

原创最新推荐文章于 2024-09-03 16:46:57 发布 · 2.2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#localStorage #停留时间 #onbeforeunload

html5 同时被 2 个专栏收录

6 篇文章

订阅专栏

本地存储

1 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于统计用户在网页上的停留时间，并利用localStorage保存这些数据以供后续使用。通过设置定时器和利用窗口卸载事件，可以准确记录用户停留的时间。

function statisticsStay(){
    console.log(localStorage.getItem('testSecond'));
    var second = 0;

    //开启定时器记录页面停留时间
    var timer = setInterval(function(){
        second++;
    },1000);

    //页面刷新、关闭时触发onbeforeunload事件把停留时间记录到localStorage
    window.onbeforeunload = function(){ 
        localStorage.setItem('testSecond',second);
    };
}

statisticsStay();