倒數計時器

一個功能完整的網頁倒數計時器，具有語音提醒和自動循環功能。

功能特色

• ⏰ 自定義倒數時間：可設定任意秒數的倒數時間
• 🔔 提醒功能：可設定在剩餘特定秒數時進行語音提醒
• 🗣️ 語音提醒：使用瀏覽器內建語音合成（TTS）播放提醒文字
• ▶️ 控制功能：開始、暫停、重置按鈕
• 🔄 自動循環：倒數結束後自動重新開始，直到用戶暫停或重置
• 📊 視覺回饋：進度條顯示和時間變色提醒
• 📱 響應式設計：支援手機和桌面裝置

使用方法

1. 設定倒數時間：在"倒數時間"欄位輸入總秒數（預設60秒）
2. 設定提醒時間：在"提醒時間"欄位輸入要提醒的秒數（預設10秒）
3. 設定提醒內容：在"提醒文字"欄位輸入語音提醒的內容
4. 開始倒數：點擊"開始"按鈕
5. 控制倒數：
   • 點擊"暫停"暫停倒數
   • 點擊"重置"重置到初始狀態
6. 語音提醒：當剩餘時間等於設定的提醒時間時，會發出語音提醒

技術特色

• 純 JavaScript：不依賴任何外部函式庫
• Speech Synthesis API：使用瀏覽器內建 TTS 進行語音提醒
• 現代 CSS：使用 CSS Grid 和 Flexbox 布局

檔案結構

倒數計時器/
├── index.html          # 主頁面
├── style.css           # 樣式表
├── script.js           # 主要邏輯
└── README.md          # 說明文件

瀏覽器支援

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

使用須知

1. 語音權限：首次使用時瀏覽器可能會要求語音播放權限（部分瀏覽器需先與頁面互動）
2. 背景運行：頁面需要保持在前台才能確保語音播放順暢

開始使用

直接在瀏覽器中開啟 index.html 即可使用。

享受您的倒數計時體驗！ ⏱️

備註

Github Copilot 產的