JVcountdownClock

This is a script to generate a countdown clock for your reunion or anything else. You can pick the colors, heading, heading size and the background image.

This is the code on this page to display the clock shown. Enter in Source Mode In Editor.

<center>
<div id="JVclock">Clock Goes here</div>
</center>

<script src="https://www.classcreator.com/000/7/7/0/13077/userfiles/file/html/JVcountdownClock.js"></script>

<script>
JVcountdownClock( "June 5, 2024 20:37:25",   // Date and Time of event
                  "50th Reunion In",30,             // Heading Text,Text size (add <br> for multiple heading lines - see "heading" sample")
                  "white",                                   // Heading Color
                  "black",                                   // Background color if no image
                  "https://media.giphy.com/media/sf970VLyRbZte/giphy.gif",  // your image to display in background, enter " " for nothing

The Following are OPTIONAL. The default values are shown here. Put ); to replace the comma (,) on the line above if nothing is entered

                 "yellow",                                  // yellow box surrounding number area
                  "dodgerblue",                        // number box color
                  "white",                                  //  numbers color
                  "50",                                       // width of clock as a percent of width of area
                  "30");                                      // height of clock as a percent of display width
</script>