Skip to content

Latest commit

 

History

History
34 lines (28 loc) · 1.47 KB

File metadata and controls

34 lines (28 loc) · 1.47 KB

Fullscreen Countdown Timer

A fullscreen countdown timer with customizable target time, quick presets, current time/date display, fullscreen toggle, and stop functionality. Ideal for presentations, focus sessions, workouts, or any time-based activity.

🌐 Live Demo

Try it here

✨ Features

  • 🖥️ Fullscreen Display: Large yellow countdown timer centered on the screen with a one-click toggle for distraction-free view..
  • Set Target Time: Specify any hour/minute for today's countdown.
  • Quick Presets:
    • Hourly buttons from 09:00 to 22:00.
    • Increment buttons: +5min, +10min, +20min, +30min, +1h, +2h.
  • 📅 Current Time & Date: Displays live clock and today's date with weekday at the bottom-right corner.
  • 🔊 Alarm Sound: Plays a notification sound when the timer reaches zero.

🚀 Usage

  1. Clone the repository:
git clone https://github.com/your-username/fullscreen-countdown-timer.git
  1. Open index.html in your browser.
  2. Set a target time using the input fields or quick preset buttons.
  3. Click Start Countdown to begin.
  4. Use the ⛶ button to enter fullscreen mode.
  5. Use Stop Timer to reset the countdown at any time.

🔧 Customization

  • Replace alarm.mp3 with your own sound file for custom alerts.
  • Adjust styles in style.css to fit your theme.
  • Modify quick preset times or increments in script.js.

📜 License MIT License © 2025 Xinxiu TAO