Javascript Timers

Due: April 11, 2016 11:55 P.M

This assignment requires you to create a clock animation using Javascript and an image editing software(gimp/photoshop). You are supposed to design 12 clock images using your choice of photo editing software. The hour hand and the minute hand of the clock remains the same throughout the 12 images, whereas the second hand points to 12 different digits of clock in 12 images. You need to set the opacity of the images to 70%. When the webpage is loaded, the clock image with second hand pointing to 12 is displayed. After one second is elapsed, this image is replaced with the clock image whose second hand is pointing to 1. The subsequent images are loaded at the interval of 1 second. The animation must stop when the second hand makes a full circle (all 12 images are displayed).

Requirements

1. Design 12 clock images with opacity of 70%
2. Display the clock images after a time interval of 1 second
3. Stop the animation after the second hand makes a full circle

Each student is asked to create a single tar or zip file containing their entire website. These must be submitted to Canvas before the due date and time. Your work will be tested with Chrome on department machines. Please host it on your CS account and provide the URL to your page as a comment during the Canvas submission.

Addendum (last updated 3/27/2016)

No updates at this time.