3.3-clock-marvin-santiago

[marvinsantiago]

Deliverables

• [x] A visible build on GH Pages: with a link to the final build in your issue
• [x] A Pull Request link in your issues

  Requirements

• [x] Time should update every second on the clock
• [ ] The clock should modify the colors of the background based on the time
• [x] Make it Tick
  • [x] Create and commit a new file in called main.js
  • [x] Created and committed and RAN main.js
  • [x] console.log the current time on page load.
  • [x] console.log the current time every second.
  • [x] Display the current time every second
  • [x] Display the current time, padded with zeros to be exactly two digits long, every second.
  • [x] console.log the percentage of a minute that the current seconds represents (e.g., if 30 seconds have elapsed, console.log 0.5)
  • [ ] Using the percent above, dynamically modify the length of the timer bar.
  • [ ] console.log a hexidecimal color that is based on the current second every second.
  • [ ] Dynamically update the background color of the page using the color.
  • [ ] Display the generated color's hex value on hover.
• [ ] Hard Mode
  • [ ] Show the percentage of a second under the current time
  • [ ] Make the time show up in hex every other second instead of human readable: Check this out radix should = 16

[marvinsantiago]

https://github.com/santiagomarvin/3.3-clock/pull/1

[marvinsantiago]

http://santiagomarvin.github.io/3.3-clock/

[rtablada]

@santiagomarvin check out the styling to change colors when the clock "ticks"

[rtablada]

@santiagomarvin on tick, set the background color to use rgb values where you spread set r to hours, g to mins, and b to seconds. For the best results you'll want 60 seconds to be spread across all 255 possible blue colors and so on for 60 mins and 12 hours.