Add solution for project 02.

Carlos Filoteo · Carlos Filoteo · commit 5e3c3afa74a5 · 2016-12-13T19:36:24.000-07:00
diff --git a/02 - JS + CSS Clock/index-START.html b/02 - JS + CSS Clock/index-START.html
@@ -61,13 +61,35 @@
       background:black;
       position: absolute;
       top:50%;
+      transform-origin: 100%;
+      transform: rotate(90deg);
+      transition: all 0.05s;
+      transition-timing-function: cubic-bezier(0.42, 0, 0.25, 1.85);
     }
 
   </style>
 
-  <script>
+<script>
+const secondHand = document.querySelector('.second-hand'),
+      minuteHand = document.querySelector('.min-hand'),
+      hourHand = document.querySelector('.hour-hand')
 
+function setTime() {
+  const now = new Date(),
+        seconds = getRotation(now.getSeconds(), 60),
+        minutes = getRotation(now.getMinutes(), 60),
+        hours = getRotation(now.getHours(), 12)
+  
+  secondHand.style.transform = `rotate(${ seconds }deg)`
+  minuteHand.style.transform = `rotate(${ minutes }deg)`
+  hourHand.style.transform = `rotate(${ hours }deg)`
+}
 
-  </script>
+function getRotation(timeValue, scale) {
+  return (timeValue / scale * 360) + 90
+}
+
+setInterval(setTime, 1000)
+</script>
 </body>
 </html>
