封装一个计时器，记录页面的停留时间

雨点打透心脏的1/2处 2022-12-23 14:23 32阅读 0赞

在页面加载时初始化计时器，页面结束时取值。

效果如图：

![20201125144140877.gif][]

下面是uniapp的代码示例：

<template>
    	<view class="aaaacc">
    		<view class="aaa">
    			{
       {time}}
    		</view>
    	</view>
    </template>
    
    <script>
    	// 计时器
    	function time_s() {
    		setTimeout(()=> {
    			this.time = ++this.time
    			time_s.call(this)
    		}, 1000);
    	}
    	// import downloadFile from "@/util/downloadFile.js";
    	export default {
    		data() {
    			return {
    				time: 1
    			}
    		},
    		onUnload() {
    			console.log('页面停留时间', this.time)
    		},
    		onLoad() {
    			time_s.call(this)
    		},
    		onHide() {
    		},
    		methods: {
    		}
    	}
    </script>
    
    <style>
    	.aaa {
    		height: 120rpx;
    		line-height: 120rpx;
    		margin: 20rpx;
    		background-color: #00C7DD;
    		text-align: center;
    		color: white;
    	}
    
    	.aaaacc {
    		margin-top: 400rpx;
    	}
    </style>

[20201125144140877.gif]: /images/20221120/4ca2850b31784199ba2a4ecd2532ade2.png

发表评论取消回复

表情：

评论列表（有 0 条评论，32人围观）

还没有评论，来说两句吧...

相关阅读

相关父页面中关闭子页面计时器的解决方法

父页面弹出窗口以iframe的方式加载子页面的数据，当窗口关闭时，子页面的js计时器却还在运行，导致页面卡顿阻塞。下面是我在实际编程中使用的方法：一、子页面中的计时器：

布满荆棘的人生/ 2024年03月26日 22:01/ 0 赞/ 125 阅读

相关 h5页面计时器

h5页面计时器效果代码效果 ![在这里插入图片描述][70] 代码 <script> function countT

小鱼儿/ 2023年10月18日 09:22/ 0 赞/ 165 阅读

相关如何精确统计页面停留时长

1.背景页面停留时间（Time on Page）简称 Tp，是网站分析中很常见的一个指标，用于反映用户在某些页面上停留时间的长短，传统的Tp统计方法会存在一定的统计盲区

水深无声/ 2023年02月25日 02:15/ 0 赞/ 85 阅读

相关封装一个计时器，记录页面的停留时间

在页面加载时初始化计时器，页面结束时取值。效果如图： ![20201125144140877.gif][] 下面是uniapp的代码示例： <template

雨点打透心脏的1/2处/ 2022年12月23日 14:23/ 0 赞/ 33 阅读

相关 android 分钟秒计时器_开发记录：连接Stackmat计时器

阅读本文大约需要5分钟；如需节省时间可先看结论：还得再等等。一、Android 篇大约在0.6版的时候增加了连接ss计时器功能，那时候的手机大多都比较简单没有降噪之类的

逃离我推掉我的手/ 2022年10月28日 10:23/ 0 赞/ 290 阅读

相关 JAVA_时间计时器

通过long lon=System.currentTimeMillis();可以读取系统当前时间， 1000毫秒等于1秒即lon+1000等于下一秒 while(tru

亦凉/ 2022年09月23日 08:53/ 0 赞/ 243 阅读

相关微信小程序记录用户行为浏览记录和停留时间以及小程序全局分享

微信小程序记录用户行为浏览记录和停留时间以及小程序全局分享项目需求 1、后台统计一个用户在我们小程序的每个页面的停留时间 2，前台用户可以在个人中心看到自己的分享

╰半夏微凉°/ 2022年09月02日 00:48/ 0 赞/ 760 阅读

相关 JS计算网页停留时间

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.or

蔚落/ 2022年08月27日 02:23/ 0 赞/ 221 阅读

相关网站分析——如何计算站点停留时间和页面停留时间

前言 UV，unique visitor，是指通过互联网访问、浏览这个网页的自然人。独立IP，独立用户或独立访客。独立IP访问者提供了一定时间内不同观众数量的统计指标

心已赠人/ 2022年05月23日 12:25/ 0 赞/ 201 阅读

相关 jquery时间计时器

//从之前的某个时间段到现在距离多少天多少时多少分多少秒 <div id="times_wrap" class="time_num"> //距

向右看齐/ 2021年07月24日 21:14/ 0 赞/ 486 阅读