页面访问计时器

记录并显示用户在每个页面的停留时间

יוצר
gura8390
התקנות יומיות
1
סה"כ התקנות
67
דירוגים
1 0 0
גרסה
1.3
נוצר
17-06-2024
עודכן
01-07-2024
רישיון
MIT
חל על
כל האתרים

页面访问计时器用户脚本

简介

这是一个用于浏览器扩展管理器(如Tampermonkey)的用户脚本,旨在记录并显示用户在每个访问页面上的停留时间。

功能特点

  • 自动记录时间:脚本会自动计算并记录用户在每个页面的停留时间。
  • 实时显示:页面底部显示一个固定位置的元素,实时更新展示用户在当前页面的累计停留时间。
  • 人性化时间格式:将累计毫秒转换为易读的小时、分钟、秒格式,以便用户理解其停留时间。

使用说明

  1. 安装扩展:需要安装浏览器扩展管理器,如Tampermonkey。
  2. 脚本安装:将本脚本复制粘贴到Tampermonkey的新脚本页面中。
  3. 自动记录:每次页面加载完成时,脚本自动开始记录停留时间。
  4. 实时显示:页面底部将显示一个固定位置的元素,展示用户在当前页面的停留时间。

许可证

本脚本采用 MIT许可证,允许自由使用、修改和分发,详细条款请参阅脚本顶部的许可声明部分。

作者

该脚本由本人开发,并遵循开放源代码的精神,欢迎有兴趣的开发者参与贡献和改进。

欢迎访问 GitHub项目页面 获取最新版本和反馈问题。

特别感谢

https://greasyfork.org/zh-TW/scripts/495610-tempo-de-uso-di%C3%A1rio Jhon Pérgon先生的开源与分享

更新特点

现在,计时器新增暂停和重置功能.并且只在处在该页面时计时。

页面访问计时器更新内容

版本 0.4

主要更新内容

  1. 修正 timerInterval 定义问题
  2. 解决了 eslint: no-undef -'timerInterval'is not defined 报错问题。
  3. startTimer 函数中定义并使用 timerInterval 变量来存储 setInterval 的返回值。

  4. 优化显示样式

  5. 使用更加简洁和美观的样式,包括灰色或黑色字体,并设置合适的字体大小。

  6. 调整计时器显示框的大小和位置,使其更加协调地融入页面。

  7. 添加了一些简单的图标或装饰,让界面更加美观。

  8. 优化计时器的显示方式

  9. 根据不同的停留时间采用不同的显示格式,例如当停留时间较短时显示秒数,当停留时间较长时显示小时和分钟。

  10. 添加了一些动画效果,让计时器的显示更加生动有趣。

  11. 提供更多的交互功能

  12. 添加了暂停/继续按钮,用户可以自行控制计时器的运行。

  13. 添加了重置按钮,用户可以清除当前页面的停留时间记录。

  14. 将暂停和重置功能按钮放置在计时器显示的第二行。

  15. 优化代码结构和可维护性

  16. 将样式和逻辑分离,使代码更加模块化和可读性更强。

  17. 添加了更多的注释,使代码更加易于理解和维护。