javascript-mini-projects icon indicating copy to clipboard operation
javascript-mini-projects copied to clipboard

Countdown Timer

Open thinkswell opened this issue 5 years ago • 8 comments

Develop a Javascript Countdown Timer app.


Requirements

  • The countdown should be set to the end of this month.
  • You must show current time in 12 hr format (P.S. Do care about am and pm)

Bonus 🎉🎉:

  • Add Analog-Clock-like-Timer UI.
  • There must be options to select one of the beautiful colours for the clock.
  • The app must have either day-night mode or auto colour changes according to the time to the day. (This will be Great 🥂🎊)

Any number of people can work on a single issue, This issue is open to all.

Project location 👉🏻 CountDownTimer/Username/

👨🏻‍💻 Happy Coding 👩🏻‍💻

thinkswell avatar Oct 07 '20 04:10 thinkswell

@thinkswell can i work on this?

annukamat avatar Oct 07 '20 17:10 annukamat

@annukamat , Sure go ahead :)

thinkswell avatar Oct 07 '20 17:10 thinkswell

@thinkswell I have added the countdown timer, please do check here

annukamat avatar Oct 08 '20 13:10 annukamat

Hi @thinkswell , I'm interested in working on this. Just wanna clarify something, can you elaborate more on the 12hr format requirement? I'm quite confused on how I can show it since countdown timers, if we're going with monthly countdowns, usually are composed of days (30 max); hours (23 max); minutes and seconds (both 59 max)

jcsgithub avatar Oct 19 '20 12:10 jcsgithub

Hey @jcsgithub , that's the point, the time you get from the function are in 24 hrs format, you have to convert it into 12 hrs, and according to the time you have to display its am or pm. For Example: 6:00 am (12 hrs format) = 6:00 (24 hrs format) 6:00 pm (12 hrs format) = 18:00 (24 hrs format) Notice "am" and "pm" at the difference of 12 hrs. Hope you understand. I didn't tell you the logic to do it, but if you want more explanation just ask. 😄 Please don't hesitate if you still got some confusions. Thank You! 😄

thinkswell avatar Oct 19 '20 13:10 thinkswell

Hi @thinkswell , thank you for your time answering my question 😄

Oh so that's it! Ok one last clarification; so for this project, I need to:

  • Display the current time in 12hr format
  • Display how many time left before this month ends
  • And other bonuses if I can ...

jcsgithub avatar Oct 19 '20 14:10 jcsgithub

@jcsgithub, Exactly. And you can also see other's project for the reference. Thank You! 😄

thinkswell avatar Oct 19 '20 17:10 thinkswell

Issue #5 Countdown Timer . please merge it.

Tanushree713 avatar Oct 03 '23 10:10 Tanushree713