Skip to content

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

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages