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

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

效果如图：

下面是uniapp的代码示例：

<template><view class="aaaacc"><view class="aaa">{{time}}</view></view>
</template><script>// 计时器function time_s() {setTimeout(()=> {this.time = ++this.timetime_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>

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

Python之网络爬虫（验证码、代理IP、防反爬策略、封装一个抓取页面的函数）
文章目录一.使用tesseract做OCR验证码识别二.代理服务器设置三.反爬与防反爬四.封装一个抓取页面的函数一.使用tesseract做OCR验证码识别 1.cookie, sessio ...
设置公共请求参数_封装一个useFetch实现页面销毁取消请求
前端业务经常会出现这样一类问题,当用户网速过慢或是其他特殊情况下,该页面的请求还未完成,用户就已经点击其他页面跳出去了.理想状态下请求也是应该终止掉的,所以我们应该想办法将请求和页面卸载关联在一起. ...
[转]如何统计一个浏览者在某页面的停留时间
如何统计一个浏览者在某页面的停留时间,并要把它录入数据库存储以待日后查询? 解决该问题目前本人的思路:在浏览器打开的时候设置一个时间开关并且记录下打开页面的时间,而离开或关闭浏览器的时候计算那时的时间 ...
php记录页面停留时间,PHP_PHP记录页面停留时间的方法，本文实例讲述了PHP记录页面停 - phpStudy...
PHP记录页面停留时间的方法本文实例讲述了PHP记录页面停留时间的方法.分享给大家供大家参考,具体如下: 首先在要监控的页面添加JS如下 var dt1 = new Date(); window.o ...
H5端记录页面停留时间
开端最近公共号内嵌的H5项目上有个需求,要记录个别页面的页面停留时间,后端已经写好接口,只要把页面的停留时间传递给后端就可以了. 思路一开始我的思路是进入页面的时候记录一个开始时间,离开页面的时候 ...
小程序记录页面停留时间
小程序记录页面停留时间小程序记录页面停留时间的传统做法,每个页面的onshow开始计时,onhide和onUnload停止计时,但每个需要加载的页面都要调用一遍方法,比较麻烦,现可以在app.js ...
php 当前页面停留时间,PHP 记录页面停留时间
PHP 记录页面停留时间首先在要监控的页面添加JS如下 var dt1 = new Date(); window.onbeforeunload = function(){ var dt2 = new ...
php 跳转历史页面,js不记录页面跳转历史的解决方法
js不记录页面跳转历史的解决方法在实际工作中,我们会遇到一个页面中有几个tab切换标签,tab切换是修改了浏览器地址",tab切换是默认记录到历史的.因此我们点击返回按钮的时候,不停的在几 ...
【网络通信与信息安全】之深入解析从输入一个URL到页面加载完成的过程
一.前言从输入一个 URL,然后按下回车到显示页面,中间发生了什么?这是一道经典的面试题,不光前端面试会问到,后端面试也会被问到.这道题没有一个标准的答案,它涉及很多的知识点,面试官会通过这道题了解 ...

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

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

最新文章

热门文章