https://github.com/aayush259/clock
This Clock App is a simple yet functional web application that displays the current time, provides a stopwatch feature, and allows users to set countdown timers. It's built using HTML, CSS, and lots of Vanilla JavaScript.
https://github.com/aayush259/clock
javascript vanilla-javascript
Last synced: 2 months ago
JSON representation
This Clock App is a simple yet functional web application that displays the current time, provides a stopwatch feature, and allows users to set countdown timers. It's built using HTML, CSS, and lots of Vanilla JavaScript.
- Host: GitHub
- URL: https://github.com/aayush259/clock
- Owner: Aayush259
- Created: 2024-04-19T06:19:57.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-25T16:17:19.000Z (about 1 year ago)
- Last Synced: 2025-01-07T02:57:24.978Z (4 months ago)
- Topics: javascript, vanilla-javascript
- Language: JavaScript
- Homepage: https://aayush259.github.io/Clock/
- Size: 1.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Clock
## Overview
This Clock Web App is a simple yet functional web application that displays the current time, provides a stopwatch feature, and allows users to set countdown timers. It's built using HTML, CSS, and lots of Vanilla JavaScript, providing a responsive and intuitive user interface.
## Features
- **Clock Display**: The app prominently displays the current time, including hours, minutes, seconds, date, and day of the week.
- **Stopwatch**: Users can start, pause, and reset a stopwatch to track elapsed time.
- **Timer**: Users can set countdown timers by specifying the desired duration in hours, minutes, and seconds, triggering an alarm sound upon completion.
## How to use
- **Click on Clock Button**: This displays the current time, including hours, minutes, seconds, date, and day of the week.
- **Click on the Stopwatch Button**:
*1. Start*: Initiates the stopwatch to track elapsed time.
*2. Flag*: Mark a lap or split as the stopwatch runs.
*3. Pause*: Halts the stopwatch without resetting the elapsed time.
*4. Reset*: Resets the stopwatch to zero.
- **Click on the Timer Button**:
*1. Set*: Specify the desired duration in hours, minutes, and seconds for the countdown timer.
*2. Start*: Initiates the countdown timer.
*3. Stop*: Halts the countdown timer before completion.
## Installation
To run the Clock Web App locally, follow these steps:
1. Clone this repository to your local machine: `git clone `
2. Navigate to the project directory: `cd clock-web-app`
3. Open the `index.html` file in your browser.
## Technologies Used
- HTML5
- CSS3 (Flexbox)
- JavaScript (DOM manipulation)
## Contributing
Feel free to contribute by submitting bug reports, feature requests, or pull requests.