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

18 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Enhanced Countdown Timer ⏳

Welcome to the Enhanced 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