Skip to content

Countdown Timer is a web application built using HTML, CSS, and JavaScript. This timer allows users to set a countdown and plays an alarm when time is up. Customize styles and use your preferred alarm sound!

License

Notifications You must be signed in to change notification settings

jinosabu1999/Countdown-Timer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

22 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Countdown Timer ⏳

Welcome to the Countdown Timer! This project provides a stylish and functional countdown timer that you can customize to fit your needs. Here's a quick guide to get you started:

Features ✨

  • Responsive Design πŸ“±: Optimized for all screen sizes.
  • Easy Time Input ⏲️: Set hours, minutes, and seconds.
  • Interactive Buttons πŸ› οΈ: Start, pause, reset, and restart your timer effortlessly.
  • Progress Bar πŸ“Š: Visual representation of the countdown.
  • Alarm Sound πŸ””: Alerts you when the countdown reaches zero.
  • Keyboard Shortcuts ⌨️: Convenient controls using your keyboard.

How to Use πŸš€

  1. Set the Timer: Use the input fields to set hours, minutes, and seconds.
  2. Start the Timer: Click the "Start" button or press "Enter" on your keyboard.
  3. Pause/Resume the Timer: Click the "Pause" button or press the spacebar.
  4. Reset the Timer: Click the "Reset" button or press "r" on your keyboard.
  5. Restart the Timer: Click the "Restart" button to reset the timer to the initial set time.
  6. Stop the Alarm: Click the "Stop Alarm" button when the alarm sounds.

Installation πŸ› οΈ

  1. Clone the repository:
    git clone https://github.com/jinosabu1999/enhanced-countdown-timer.git
  2. Open index.html in your preferred browser.

File Structure πŸ“

enhanced-countdown-timer/
β”‚
β”œβ”€β”€ index.html        # The main HTML file
β”œβ”€β”€ style.css         # CSS for styling the countdown timer
β”œβ”€β”€ script.js         # JavaScript for timer functionality
β”œβ”€β”€ alarm.mp3         # Alarm sound file
└── README.md         # This file

Dependencies πŸ“¦

  • Google Fonts: The project uses the Roboto font. It's included via a link in the HTML file.
  • FontAwesome: Icons for the labels (optional).

Customization πŸ–ŒοΈ

  • Change Colors: Update the CSS file to match your preferred color scheme.
  • Modify Timer Behavior: Tweak the JavaScript for custom behavior (e.g., change alarm sound, add new features).

License πŸ“œ

This project is licensed under the MIT License. See the MIT LICENSE file for more information.

Contributions 🀝

Contributions are welcome! Feel free to open issues or submit pull requests with improvements.

Acknowledgements πŸ™Œ

  • Inspired by various countdown timers online.
  • Thanks to the contributors and the open-source community for making this project possible.

Enjoy your new countdown timer! πŸŽ‰

For any questions or support, feel free to reach out to us. Happy timing! ⏰

About

Countdown Timer is a web application built using HTML, CSS, and JavaScript. This timer allows users to set a countdown and plays an alarm when time is up. Customize styles and use your preferred alarm sound!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages