页面访问计时器

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

Author
gura8390
Daily installs
1
Total installs
56
Ratings
1 0 0
Version
1.3
Created
2024-06-17
Updated
2024-07-01
License
MIT
Applies to
All sites

页面访问计时器用户脚本

简介

这是一个用于浏览器扩展管理器（如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. 添加了更多的注释，使代码更加易于理解和维护。