Skip to content

AgnivaMaiti/JavaScript-Clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript Clock

Overview

This project is a simple digital clock built using HTML, CSS, and JavaScript. The clock displays hours, minutes, seconds, and milliseconds, along with the AM/PM session indicator.

Files

  • index.html - The main structure of the clock.
  • style.css - Stylesheet for the clock’s design.
  • script.js - JavaScript logic to update the clock in real-time.

Features

  • Displays the current time with hours, minutes, seconds, and milliseconds.
  • Updates in real-time.
  • Shows AM/PM format.
  • Simple and clean UI.

How to Run

  1. Download or clone the project.
  2. Open index.html in a browser.
  3. The clock will start displaying the current time automatically.

Customization

  • Modify style.css to change the appearance of the clock.
  • Update script.js to add additional features like a 24-hour format or different time zones.

Example Usage

<div class="container">
    <span id="hours">00</span>
    <span>:</span>
    <span id="minutes">00</span>
    <span>:</span>
    <span id="seconds">00</span>
    <span>:</span>
    <span id="miliseconds">00</span>
    <span id="session">AM</span>
</div>

License

This project is free to use and modify as needed.

About

just a simple 12 hour clock made using html, css and js

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published