First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devViewing Time: Upon loading the clock, you'll see the current time displayed in hours, minutes, and seconds, along with an indication of AM/PM.
Background Color:
The background color of the clock changes dynamically based on the time of day: Lighter colors during the daytime (6 AM to 6 PM). Darker colors during the nighttime (6 PM to 6 AM). Setting Alarms: Adding an Alarm:
Scroll down to the "Set Alarm" section below the clock. Enter the desired alarm time by inputting the hour and minute using the provided input fields. Select AM or PM using the dropdown menu. Click on the "Set Alarm" button to add the alarm. Viewing Alarms:
Any alarms you set will be displayed in a list format below the clock. Deleting Alarms:
Each alarm in the list is accompanied by a "Delete" button. Click on the "Delete" button corresponding to the alarm you wish to remove.
Alarm Notifications: When an alarm time is reached, a browser alert will notify you. The clock's background color changes to green 10 minutes before an alarm goes off, providing a visual cue that an alarm is approaching. Enjoy using the clock and setting alarms!