健身计时器网站

一个针对移动端优化的多功能健身计时器网站，帮助用户进行健身训练计时。

🌟 在线演示

点击这里体验在线版本

📱 项目特色

✨ 功能特性

• ✅ 秒表功能 - 精确到毫秒的计时
• ✅ 倒计时功能 - 可自定义时间的倒计时
• ✅ 移动端优化 - 响应式设计，触摸友好的界面
• ✅ PWA支持 - 可添加到主屏幕，支持离线使用
• ✅ 震动反馈 - 倒计时结束时的震动提醒
• ✅ 声音提醒 - 倒计时结束的警报声
• ✅ 计时记录 - 记录每次计时的时间
• ✅ 暗色模式支持 - 自动适应系统主题

🛠️ 技术栈

• HTML5 - 语义化标签和现代HTML特性
• CSS3 - Flexbox布局、Grid布局、动画效果
• JavaScript ES6+ - 现代JavaScript语法
• Service Worker - 离线缓存和推送通知
• Web APIs - Vibration API、Notification API
• PWA技术 - Manifest文件、Service Worker

📱 移动端优化特性

• 响应式设计，适配各种屏幕尺寸
• 触摸友好的按钮和交互元素
• 优化的点击和触摸反馈
• 防止页面缩放和文本选择
• 支持添加到主屏幕

🚀 快速开始

本地运行

# 克隆项目
git clone https://github.com/your-username/fitness-timer.git

# 进入项目目录
cd fitness-timer

# 安装依赖（可选）
npm install

# 启动本地服务器
npm start
# 或者使用Python
python -m http.server 8000

GitHub Pages 部署

1. Fork 本项目到你的GitHub账户
2. 在仓库设置中启用 GitHub Pages
3. 选择 main 分支作为源
4. 访问 https://your-username.github.io/fitness-timer

📖 使用方法

1. 打开网站
2. 选择秒表或倒计时功能
3. 点击开始按钮开始计时
4. 倒计时可自定义时间（分钟和秒）
5. 计时结束后会有声音和震动提醒

🌐 浏览器支持

• Chrome 60+
• Firefox 55+
• Safari 11+
• Edge 79+

📁 项目结构

fitness-timer/
├── index.html          # 主页面
├── styles.css          # 样式文件
├── script.js           # JavaScript逻辑
├── manifest.json       # PWA配置文件
├── sw.js              # Service Worker
├── alarm.mp3          # 闹钟声音
├── countdown.mp3      # 倒计时声音
├── package.json       # 项目配置
├── .gitignore         # Git忽略文件
├── icons/             # 应用图标
│   ├── icon-192.png
│   ├── icon-512.png
│   └── ...
└── README.md          # 项目说明

🤝 贡献指南

欢迎提交 Issue 和 Pull Request！

1. Fork 本项目
2. 创建功能分支 (git checkout -b feature/AmazingFeature)
3. 提交更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 创建 Pull Request

📄 许可证

本项目基于 MIT 许可证 - 查看 LICENSE 文件了解详情

🙏 致谢

感谢所有为这个项目做出贡献的开发者！