JavaScript Clock 🕒

This is a real-time analog clock built using HTML, CSS, and vanilla JavaScript. It reads the current time using the JavaScript Date object and updates the clock hands using CSS transforms.

Code Sample

const now = new Date();
const seconds = now.getSeconds();
const secondsDegrees = ((seconds / 60) * 360) + 90;
secondHand.style.transform = `rotate(${secondsDegrees}deg)`;

What I Learned

• How to use the JavaScript Date API
• Manipulating CSS variables from JavaScript
• Rotating elements using CSS transform
• Using event listeners to update UI in real time