The Friendly Clock

To include the friendly clock in a web page…

  1. add this code to the <head></head> section of your page <script src=“https://www.bluegoldfishdesign.com/friendlyclock.js”></script>
  2. add an onLoad event handler in the <body> tag on your page to start the clock like this <body onload=“fcStart();”>
  3. add this code where you want the lock to appear <span id="friendlyclock"></span>

The clock is presenterd as normal text and so you can use CSS styling to add some pizzazz to the display. Use the tag #friendlyclock in any CSS and let your imagination fly.

Because of the limitations of this wiki it is not possible to demonstrate the friendly clock here but you can see it in action at https://bluegoldfishdesign.com/friendlyclock along with a copy of these instructions.

Have fun!