Project 2: Clock - JS/CSS

Made with vanilla JavaScript

Judith Ricketts, Artist, Lecturer and Software engineer - Contact
Commit Date: 26th October 2021

Guide

The HTML file has 3 div elements which correspond with the second, minute, and hour hand on a clock

<div class="hand hour-hand"></div>
<div class="hand min-hand"></div>
<div class="hand second-hand"></div>

Approach

Update the CSS and create a function in Javascript using the classes to get the clock hands to rotate from a central pivot, depending in keeping with computer time (?).

Useful links

• Digital clock
• Gradient Generator with alpha