Skip to content

ashik082/digital_clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🕒 Minimalist Digital Clock

A clean and futuristic digital clock built with HTML, CSS, and JavaScript.
It displays the current time, date, and weekday accurately based on the user's device time.


✨ Features

  • Displays hour, minute, second, and AM/PM format.
  • Shows date, month, and year in real time.
  • Highlights the current weekday.
  • Blinking dots/colon animation for a dynamic look.
  • Styled with a minimalistic and futuristic theme (Orbitron font).
  • Works offline — no API required, time is based on the device clock.

📸 Preview

Clock Preview


🚀 Getting Started

1. Clone this repo

git clone https://github.com/ashk082/digital_clock.git
cd digital-clock

2. Open in browser

Simply open the index.html file in any modern browser:

open index.html

🛠️ Technologies Used

HTML5 – structure

CSS3 – layout, styling, animations

JavaScript (ES6) – live clock functionality

📂 Project Structure

digital-clock/
│
├── index.html      # Main HTML file
├── style.css       # Styling and animations
├── script.js       # JavaScript logic
├── screenshot.png  # (optional) project preview
└── README.md       # Documentation

🔮 Future Improvements

Add multiple timezone support (using Intl.DateTimeFormat).

Include dark/light mode toggle.

Add analog clock mode as an alternative view.

About

Just a normal digital clock with weeks

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors