Greasy Fork is available in English.
记录并显示用户在每个页面的停留时间
These are versions of this script where the code was updated. Show all versions.
样式优化:通过Object.assign简化样式设置,使用更现代的设计风格(如阴影、圆角和渐变色)。按钮动画:添加鼠标悬停时的背景色变化,提升交互体验。图标使用:在按钮上添加合适的图标(使用Unicode字符),使按钮更加直观。响应式设计:确保在不同设备上都能很好地显示。
# 页面访问计时器更新内容## 版本 0.4### 主要更新内容1. **修正 `timerInterval` 定义问题** - 解决了 `eslint: no-undef -'timerInterval'is not defined` 报错问题。 - 在 `startTimer` 函数中定义并使用 `timerInterval` 变量来存储 `setInterval` 的返回值。2. **优化显示样式** - 使用更加简洁和美观的样式,包括灰色或黑色字体,并设置合适的字体大小。 - 调整计时器显示框的大小和位置,使其更加协调地融入页面。 - 添加了一些简单的图标或装饰,让界面更加美观。3. **优化计时器的显示方式** - 根据不同的停留时间采用不同的显示格式,例如当停留时间较短时显示秒数,当停留时间较长时显示小时和分钟。 - 添加了一些动画效果,让计时器的显示更加生动有趣。4. **提供更多的交互功能** - 添加了暂停/继续按钮,用户可以自行控制计时器的运行。 - 添加了重置按钮,用户可以清除当前页面的停留时间记录。 - 将暂停和重置功能按钮放置在计时器显示的第二行。5. **优化代码结构和可维护性** - 将样式和逻辑分离,使代码更加模块化和可读性更强。 - 添加了更多的注释,使代码更加易于理解和维护。