Skip to content

I had created the alarm clock application which is packed with some fantastic features features to help you stay organized and start your day right.

Notifications You must be signed in to change notification settings

Mansi523/AlarmClock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Clock and Alarm Application

This is a simple web-based clock and alarm application that allows users to view the current time, set alarms, manage their alarms, and receive alerts when alarms go off. This application is built using HTML, CSS, and JavaScript.

Features

Clock Face

  • The clock displays the current time and updates in real-time. It shows hours, minutes, and seconds.

Set Alarm

  • Users can set alarms by providing the following inputs:
    • Hour (1-12)
    • Minutes (0-59)
    • Seconds (0-59)
    • AM/PM selection
  • Once the user sets the desired time and clicks the "Set Alarm" button, the alarm is added to the list of alarms below.

Alarms List

  • The application maintains a list of all the alarms set by the user. Each alarm is displayed in the format: HH:MM:SS AM/PM.

Delete Alarm

  • Each alarm in the list comes with a "Delete" button.
  • When the user clicks the "Delete" button for an alarm, that alarm is removed from the list without triggering any alerts.

How to Use

  1. Clone or download this repository to your local machine.

  2. Open the index.html file in your web browser.

  3. The clock face will display the current time.

  4. To set an alarm, enter the desired hour, minutes, seconds, and select AM or PM. Then click the "Set Alarm" button.

  5. The alarm will be added to the alarms list below the clock.

  6. To delete an alarm, click the "Delete" button next to the respective alarm.

  7. When an alarm time is reached, an alert will be triggered in your browser.

Technologies Used

  • HTML
  • CSS
  • JavaScript

About

This is a simple alarm colck containing all the features metioned above.I had created this project to apply my basic knowledge and increase understanding in javascript html and css.

DEMO

mansi

Author

MANSI KUMARI

About

I had created the alarm clock application which is packed with some fantastic features features to help you stay organized and start your day right.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published