Skip to content

A customizable, responsive countdown timer by AryCodes, built with HTML, CSS, and JavaScript. Features real-time tracking, themes, animations, and a confetti celebration when the event arrives. Supports fullscreen mode and works on all devices. Clone from GitHub, tweak settings, and enjoy!

License

Notifications You must be signed in to change notification settings

ArySrc/event-countdown-timer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

Advanced Event Countdown Timer

A customizable and responsive countdown timer by AryCodes, built with HTML, CSS, and JavaScript. It tracks time to upcoming events with themes, animations, and a confetti celebration effect.

Features

  • Real-Time Countdown: Displays days, hours, minutes, and seconds.
  • Customizable Settings: Change event name, date, themes, fonts, animations, and colors.
  • Celebration Effect: Confetti animation when time reaches zero.
  • Responsive & Animated: Works on all screen sizes with smooth animations.
  • Fullscreen Mode: Immersive display option.

Installation

  1. Clone the Repository:
    git clone https://github.com/ArySrc/event-countdown-timer.git
  2. Navigate to the Project:
    cd event-countdown-timer
  3. Open in a Browser: Open index.html or use a local server.

Usage

  1. Open index.html and enter event details.
  2. Customize appearance (themes, fonts, colors, animations).
  3. Start the countdown and enjoy the celebration effect.

Customization

  • Modify CSS variables for themes and patterns.
  • Extend animations by adding new keyframes.
  • Adjust confetti effects in createConfetti() function.

Contact & Support

For queries or contributions, reach out to AryCodes:

License

MIT License.

About

A customizable, responsive countdown timer by AryCodes, built with HTML, CSS, and JavaScript. Features real-time tracking, themes, animations, and a confetti celebration when the event arrives. Supports fullscreen mode and works on all devices. Clone from GitHub, tweak settings, and enjoy!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages