倒计时悬浮应用 (Electron版本)

一个使用Electron开发的简洁倒计时应用，可以在macOS上作为真正的桌面应用运行，并悬浮在其他应用之上。

功能特点

• 🖥️ 真正的桌面应用：使用Electron构建，可以在macOS上独立运行
• 🎯 悬浮窗口：始终置顶，悬浮在其他应用之上
• 🕐 简洁倒计时：大字体显示剩余时间
• ⏯️ 控制功能：开始/暂停/重置倒计时
• 🔔 提醒功能：倒计时结束时系统通知和提示音
• 🎨 现代UI：半透明毛玻璃效果，现代化设计
• ⌨️ 键盘快捷键：空格键开始/暂停，R键重置，ESC键最小化
• 🖱️ 可拖拽：可以拖拽窗口到任意位置

安装和运行

开发模式运行

1. 确保已安装Node.js (版本 16 或更高)

2. 安装依赖：

   npm install

3. 启动应用：

   npm start

构建macOS应用

1. 构建应用：

   npm run build:mac

2. 构建完成后，在 dist 目录中找到 .dmg 文件

3. 双击 .dmg 文件安装应用

使用方法

1. 设置时间：在输入框中输入倒计时分钟数（默认8分钟）
2. 开始倒计时：点击"开始"按钮或按空格键
3. 暂停/继续：点击"暂停"按钮或按空格键
4. 重置：点击"重置"按钮或按R键
5. 移动位置：拖拽窗口到任意位置
6. 最小化：ESC键
7. 关闭应用：点击红色按钮

键盘快捷键

• 空格键：开始/暂停倒计时
• R键：重置倒计时
• ESC键：最小化窗口

技术栈

• Electron：跨平台桌面应用框架
• HTML/CSS/JavaScript：前端界面和逻辑
• Node.js：后端进程管理

项目结构

CountdownElectron/
├── main.js          # Electron主进程
├── index.html       # 应用界面
├── renderer.js      # 渲染进程逻辑
├── package.json     # 项目配置
└── README.md        # 项目说明

构建配置

应用配置为macOS平台，支持：

• Intel (x64) 和 Apple Silicon (arm64) 架构
• 自动生成DMG安装包
• 应用图标和元数据

注意事项

• 应用需要通知权限来显示倒计时结束提醒
• 窗口始终置顶，可能会遮挡其他应用
• 关闭按钮会完全退出应用，最小化按钮会隐藏窗口
• 应用支持拖拽移动，方便调整位置

开发说明

• 主进程 (main.js) 负责窗口管理和系统交互
• 渲染进程 (renderer.js) 负责倒计时逻辑和用户界面
• 使用IPC通信在主进程和渲染进程之间传递消息