vue,用户从进入页面到离开页面,统计用户停留页面的浏览时长

data() {
    return {
      browseTime: 0,  // 浏览时长初始值为 0
      clearTimeSet: null, 
   };
},
methods: {
   setTime() {
     //设置定时器
     this.clearTimeSet = setInterval(() => {
       this.browseTime++;
       console.log(this.browseTime, "时长累计");
     }, 1000);
   },
}
 mounted() {
    this.setTime(); // 页面加载完成后开始计时
 },
 beforeDestroy() {
 	clearInterval(this.clearTimeSet); // 离开页面后清除定时器
 	this.addBrowseRecord(); // 上送后台接口,将浏览时长等信息传到后台,离开当前路由后调用
 },

版权声明:本文为weixin_43848571原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。