This is a modern, responsive digital clock built using HTML, CSS, and JavaScript. It features dynamic updates and an automated theme switcher based on the time of day. The clock is designed to display the current time, date, and a personalized greeting, making it both functional and visually appealing.
Live Time and Date:
Displays the current time in HH:MM:SS format. The date includes the day, month, and year with the full weekday name. Auto Theme Change:
3 AM to 6:59 AM: Blue theme for early mornings. 7 AM to 4:59 PM: Light mode for daytime. 5 PM to 2:59 AM: Dark mode for evenings and nights. ##Personalized Greeting:
Changes dynamically based on the time of day (Good Morning, Good Afternoon, or Good Evening). Mobile Responsive:
The clock automatically adjusts to different screen sizes for a seamless mobile viewing experience. Smooth Transitions:
CSS transitions ensure smooth color and theme changes.
HTML: Structure of the digital clock. CSS: Styling and responsive design, including gradients and text effects. JavaScript: Dynamic time updates, greeting changes, and theme switching logic.
The clock continuously updates every second using JavaScript's setInterval method. The theme adjusts automatically depending on the current time, with smooth background transitions for better user experience. Greetings adapt based on the time to provide a personalized touch.