Skip to content

AlizayAyesha/Digital-Clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Digital-Clock

Using jQuery

A simple digital clock implemented using jQuery to display current time dynamically.

Table of Contents

Introduction

This project demonstrates a digital clock built with HTML, CSS, and jQuery. It fetches the current time from the user's system and updates the clock display every second. This can be used as a standalone clock widget or integrated into other web applications.

Features

  • Displays hours, minutes, seconds, and period (AM/PM).
  • Updates in real-time every second.
  • Simple and lightweight implementation using jQuery. image

Usage

Include jQuery in your HTML file:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

Add the HTML structure for the clock:
Include main.js after jQuery in your HTML file:

<script src="main.js"></script>

Open your HTML file in a web browser to see the digital clock in action.

Contributing

Contributions are welcome! If you have any ideas, suggestions, or improvements, please create a pull request or open an issue.

License

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