Skip to content

A fullscreen countdown timer with target time setup, quick time adjustment, current time/date display, and fullscreen mode. Ideal for presentations, focus sessions, and workouts.

License

Notifications You must be signed in to change notification settings

tao-xinxiu/fullscreen-countdown-timer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A fullscreen countdown timer with target time setup, quick time adjustment, current time/date display, and fullscreen mode. Ideal for presentations, focus sessions, and workouts.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published