https://github.com/samantha-ruth/simple-timer

Timer with a border
https://github.com/samantha-ruth/simple-timer

css fontawesome-icons html javascript

Last synced: about 2 months ago
JSON representation

Timer with a border

• Host: GitHub
• URL: https://github.com/samantha-ruth/simple-timer
• Owner: Samantha-Ruth
• Created: 2023-09-12T12:59:18.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-13T20:20:11.000Z (over 1 year ago)
• Last Synced: 2024-04-16T08:49:23.627Z (9 months ago)
• Topics: css, fontawesome-icons, html, javascript
• Language: JavaScript
• Homepage: https://samantha-ruth.github.io/Simple-Timer/
• Size: 5.86 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Simple-Timer

A timer with a border that will count down from the default or user-entered seconds to zero.  The border of this animation matches the amount of time entered by the user, and the user can start,stop, and click on the countdown to set the timer to a different amount.

![Timer_screen_shot](https://github.com/Samantha-Ruth/Simple-Timer/assets/64170123/a28da0ea-2593-40f9-9586-3a684ef4488c)

## Notes

Timer was created using a DOM centric approach to get an idea of the benefits and drawbacks of storing data within the DOM. 

## Link to timer

Github: https://github.com/Samantha-Ruth/Simple-Timer

Deployed Page: https://samantha-ruth.github.io/Simple-Timer