Digital Clock

A sleek real-time digital clock with glowing display, date and modern dark UI. Built with HTML, CSS and JavaScript.

---

Live Demo

https://digital-clock-five-mu-59.vercel.app

---

Topics

html css javascript digital-clock real-time date-api timer dark-theme responsive-design vanilla-js

---

About

A stunning real-time digital clock with a modern glowing display. Shows hours, minutes, seconds, and date -- updating every second. Features a beautiful dark theme with neon glow effects.

Perfect example of JavaScript Date API and setInterval() usage.

---

Features

Feature	Description
Real-Time	Updates every second
Date Display	Shows full date
Dark Theme	Neon glow effect design
Blinking Colons	Animated time separators
Responsive	Works on all screen sizes
Zero Dependencies	Pure vanilla code
Glowing Effect	CSS text-shadow glow
Lightweight	Less than 5KB total size

---

Tech Stack

HTML5  -->  Clock Structure
CSS3   -->  Dark Theme, Glow Effects, Animations
JS     -->  Date Object, setInterval, DOM Updates

---

How It Works

function updateClock() {
    const now = new Date();
    // Extract hours, minutes, seconds
    // Update DOM elements every 1000ms
}
setInterval(updateClock, 1000);

---

Quick Start

git clone https://github.com/codewithshariqofficial/Digital-Clock.git
cd Digital-Clock
start index.html

---

Project Structure

Digital-Clock/
  |-- index.html
  |-- script.js
  |-- style.css
  |-- README.md

---

Author

Code With Shariq Official