定时闹钟

核心设置

• 工单ID录入 - 必填项，唯一标识工单
• 群组ID录入 - 支持手动输入和从常用群组选择
• 开始时间设置 - 使用时间选择器确保格式正确
• 多级提醒设置 - 提供预设和自定义两种方式设置开始时间之后的多个提醒点

状态展示

• 动态倒计时 - 实时显示剩余时间
• 颜色状态区分 - 绿色（时间充裕）、黄色（即将超时）、红色（已超时）
• 列表式管理 - 清晰展示所有闹钟的核心信息与状态

提醒机制

• 桌面弹窗通知 - 系统级通知，确保即使切换窗口也能看到
• 声音提示 - 可开关，提供警示音提醒
• 页面视觉警示 - 卡片闪烁、标签页标题变化

数据与管理

• 手动完成/关闭 - 将闹钟标记为"已完成"并归档
• 记录删除 - 单个删除或批量清理已完成项
• 已完成工单激活 - 可以随时重新激活已完成的工单
• 本地数据持久化 - 数据自动保存至浏览器本地存储

用户体验优化

• 编辑表单时间优化 - 编辑工单时自动显示最新本地时间
• 统一按钮样式 - 为各类操作按钮添加颜色标识和统一尺寸
• 响应式设计 - 适配各种屏幕尺寸和设备
• 直观的状态指示 - 通过颜色和动画直观展示工单状态

使用方法

1. 打开 index.html 文件
2. 在表单中填写工单ID、群ID和开始时间
3. 选择提醒规则（预设或自定义）
4. 点击"创建闹钟"按钮
5. 闹钟会自动显示在下方列表中，并根据剩余时间显示不同颜色
6. 可以在设置区域启用或禁用声音提醒和桌面通知

注意事项

• 桌面通知功能需要浏览器授权
• 关闭浏览器页面后，所有设置的闹钟依然存在
• 所有数据仅保存在本机浏览器中，不上传服务器
• 建议将页面添加到收藏夹以便快速访问

浏览器兼容性

支持所有现代浏览器，包括：

开发说明