Focus Time

🔶 專案由來

「Focus Time」靈感來自我晨讀的習慣，當時我喜歡將電腦螢幕設為大時鐘來輔助專注。 此作品中結合了 番茄鐘（Pomodoro）概念，可自訂專注與休息時間的倒數計時工具。

🔶 專案介紹

「Focus Time」是一款簡單直覺的時間管理工具，讓使用者能自由設定專注與休息時間， 並透過倒數計時的方式，規劃專注與休息節奏，提升工作與學習效率。

✨ [作品網頁]：https://0811nora.github.io/Focus-Time/

🔶 功能特色

• 自訂倒數計時：用戶可自由設定專注與休息的時間長度。
• 番茄鐘概念應用：幫助用戶專注與適時休息，提高效率。
• 簡單直覺操作：極簡設計，輕鬆操作，專注不受干擾。

🔶 使用技術與應用

• HTML：

  • 結構化網頁設計，清晰呈現計時器介面。

• CSS：

  • 簡潔直觀的版面設計，提供舒適的視覺體驗。
  • 響應式設計（RWD），適配不同螢幕大小。

• JavaScript：

  • 事件監聽：處理使用者設定時間與啟動計時功能。
  • 倒數計時邏輯：計算專注與休息倒數時間。
  • 動態狀態切換：根據倒數結束自動切換至休息或專注模式。

🔶 作品展示

• 整體畫面

• 設定倒數時間