Simple Digital Clock

Free online digital clock with real-time display of hours, minutes, and seconds. Features automatic timezone detection, color-coded time segments, and AM/PM indicator. Easy to read and always accurate.

Features

• Displays current time in hours, minutes, and seconds
• Adjusts to your timezone
• Updates in real-time
• Uses distinct colors for hours, minutes, and seconds
• Displays AM/PM indicator

Project Structure

The project follows a simple organization:

digital-clock/
├── index.html
├── templates/
│   └── assets/
│       ├── css/
│       │   └── style.css
│       ├── img/
│       │   └── favicon.ico
│       └── js/
│           └── app.js
└── README.md

Each file serves a specific purpose:

• index.html: Contains the clock's HTML structure and layout
• style.css: Defines the visual appearance and animations
• app.js: Implements the time calculation and display logic
• README.md: Contains the documentation of this project

Getting Started

Prerequisites

• A modern web browser

Installation

1. Clone the repository:

   git clone https://github.com/casparml/Digital-Clock.git

2. Navigate to the project directory:

   cd simple-digital-clock

Usage

1. Open index.html in your web browser to view the clock.

Files

• index.html: The main HTML file that includes the structure of the clock.
• templates/assets/css/style.css: The CSS file that styles the clock.
• templates/assets/js/app.js: The JavaScript file that handles the clock logic.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

• Caspar Landman

Acknowledgments

• Font: Poppins
• Icons: Favicon Generator