A sleek and interactive countdown timer built with vanilla JavaScript. This project showcases modern web development practices and clean code principles.
- 🎯 Set custom target date and time with intuitive datetime picker
- ⚡ Real-time countdown updates with smooth animations
- 🎨 Modern gradient UI design with glass-morphism effects
- 📱 Fully responsive layout for all devices
- 🌓 Dark mode compatible datetime picker
- ⌨️ Clean and well-commented code
[View Live Demo]Nothing..... :)
- HTML5
- CSS3 (Flexbox, Animations)
- Vanilla JavaScript
- Git & GitHub
As a sophomore student, this project helped me learn:
- JavaScript Date object manipulation
- DOM manipulation and event handling
- CSS modern design techniques
- Git version control basics
- GitHub project management
countdown-timer/ ├── index.html # Main HTML file with countdown interface ├── README.md # Project documentation └── .gitignore # Git ignore file
javascript function updateCountdown(){ const now = new Date().getTime(); const distance = targetDate - now; // Calculate time units const days = Math.floor(distance / (1000 60 60 24)); const hours = Math.floor((distance % (1000 60 60 24)) / (1000 60 60)); const minutes = Math.floor((distance % (1000 60 60)) / (1000 60)); const seconds = Math.floor((distance % (1000 60)) / 1000); }
css .countdownAll-container { display: flex; gap: 2rem; } .four_container { text-align: center; min-width: 100px; }
- Add sound notifications
- Save countdown targets in local storage
- Add multiple concurrent timers
- Implement themes selection
- Add sharing functionality
This is a personal learning project, but suggestions and feedback are welcome! Feel free to:
- Fork the repository
- Create a new branch
- Make your improvements
- Submit a pull request
A sophomore student passionate about web development and constantly learning new technologies. This project is part of my journey to improve my JavaScript skills and GitHub proficiency.
This project is open source and available under the MIT License.
Made with ❤️ by LiZhongpeng2
2024