Displaying A Specific Image
Based On Time Via JavaScript / DOM
Example 1: Hour Of Day

This example shows one of 24 specific images based on the hour of the day (midnight - 11 p.m.).

These are the images that are scheduled to appear:

midnight 1 a.m. 2 a.m. 3 a.m. 4 a.m. 5 a.m.
6 a.m. 7 a.m. 8 a.m. 9 a.m. 10 a.m. 11 a.m.
noon 1 p.m. 2 p.m. 3 p.m. 4 p.m. 5 p.m.
6 p.m. 7 p.m. 8 p.m. 9 p.m. 10 p.m. 11 p.m.

Example 2: Day Of Week

Example 3: Part Of Day

Displaying An Image On A Web Page Based Upon The Current Time With JavaScript / DOM