Skip to content

Udara-Dilshan/Stop-Watch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Stopwatch Application

This is a simple stopwatch application built using HTML, CSS, and JavaScript. It allows users to start, stop, and reset a stopwatch, tracking both seconds and milliseconds in real-time.

Features

  • Start: Begin timing with the "Start" button.
  • Stop: Pause the stopwatch with the "Stop" button.
  • Reset: Reset the timer to 00:00 with the "Reset" button.
  • Real-Time Timing: The stopwatch tracks time with accuracy, displaying seconds and milliseconds.

Technologies Used

  • HTML: Provides the structure of the webpage.
  • CSS: Styles the layout, buttons, and visual effects.
  • JavaScript: Handles the stopwatch functionality (start, stop, and reset) with interval-based timekeeping.

Files

  1. index.html: The main HTML file with the structure for the stopwatch.
  2. style.css: Contains the styling rules, including the layout and animation for buttons.
  3. script.js: JavaScript file that powers the stopwatch logic.

Getting Started

Prerequisites

To run this project locally, you only need a browser. No additional dependencies are required.

Installation

  1. Clone the repository to your local machine:

    git clone https://github.com/Udara-Dilshan/Stop-Watch
  2. Open the index.html file in your browser to use the stopwatch.

Usage

  • Open the index.html file in a browser.
  • Use the Start button to begin the stopwatch.
  • Click the Stop button to pause the time.
  • Press the Reset button to reset the stopwatch to 00:00.

About

Simple Stop Watch Web Application

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors