一个简洁优雅的定时提醒工具,帮助你保持专注和自我觉察。
- ⏰ 自定义间隔: 设置任意分钟数的提醒间隔
- 🌙 免打扰模式: 设置不希望被打扰的时间段
- 📱 跨平台支持: 支持手机、Windows、Mac等所有现代浏览器
- 💾 离线可用: PWA技术,安装后可离线使用
- 🔔 系统通知: 支持浏览器原生通知
- 🎨 精美界面: 现代化设计,响应式布局
- 用浏览器打开
index.html文件 - 设置你想要的提醒间隔
- 点击"启动提醒"按钮
- 保持浏览器窗口打开(可以最小化)
- 打开
index.html - 点击地址栏右侧的安装图标(➕)
- 确认安装
- 应用将作为独立程序运行
- 用手机浏览器打开应用
- 点击浏览器菜单中的"添加到主屏幕"
- 应用将像原生App一样运行
# 使用Python启动简单HTTP服务器
cd c:\Users\33083\WAYD
python -m http.server 8000然后在浏览器中访问: http://localhost:8000
- 提醒间隔: 设置每隔多少分钟弹出一次提醒(1-1440分钟)
- 免打扰时间: 设置不希望被打扰的时间段(如睡眠时间)
- 启用/停止: 点击按钮控制提醒的启动和停止
当提醒弹出时,会显示四个反思问题:
- 💭 我现在在做什么?
- 🎯 这件事对我的目标有帮助吗?
- 😊 我现在的状态如何?
- ⏰ 是时候休息一下了吗?
你可以选择:
- 知道了: 关闭提醒,继续工作
- 稍后提醒: 5分钟后再次提醒
如果想修改提醒页面的内容,可以编辑 index.html 文件中的提醒部分:
<div class="reflection-prompts">
<div class="prompt-item">💭 你的自定义问题1</div>
<div class="prompt-item">🎯 你的自定义问题2</div>
<div class="prompt-item">😊 你的自定义问题3</div>
<div class="prompt-item">⏰你的自定义问题4</div>
</div>为了完整的PWA体验,需要创建图标文件。你可以:
- 使用在线工具生成图标: https://www.pwabuilder.com/imageGenerator
- 创建以下尺寸的PNG图标:
icon-192.png(192x192像素)icon-512.png(512x512像素)icon.png(用于浏览器标签页)
或者暂时不添加图标,应用仍可正常使用。
- 纯HTML5 + CSS3 + JavaScript
- PWA (Progressive Web App)
- Service Worker (离线支持)
- LocalStorage (数据持久化)
- Notification API (系统通知)
- Web Audio API (提示音)
- 番茄工作法: 设置25分钟间隔,配合工作休息循环
- 长时间专注: 设置60-90分钟间隔,避免过度沉浸
- 健康提醒: 设置30分钟间隔,提醒休息、喝水、活动
- 自我觉察: 每次提醒时真实回答问题,培养正念
- ✅ Windows (Chrome, Edge, Firefox)
- ✅ macOS (Safari, Chrome, Firefox)
- ✅ iOS (Safari)
- ✅ Android (Chrome, Firefox)
- ✅ Linux (Chrome, Firefox)
- 所有数据存储在本地浏览器中
- 不收集、不上传任何个人信息
- 完全离线运行,无需网络连接
Q: 提醒不弹出怎么办? A: 确保浏览器允许通知权限,并且应用处于启动状态。
Q: 可以后台运行吗? A: 需要保持浏览器窗口打开(可最小化)。如果完全关闭浏览器,提醒会停止。
Q: 如何修改提醒内容?
A: 编辑 index.html 文件中的 .reflection-prompts 部分。
Q: 支持多设备同步吗? A: 目前不支持,每个设备独立运行。
MIT License - 自由使用、修改和分发
欢迎提出建议和改进!
享受专注的时光! 🌟