DHTML Shock
Articles/Tutorials
Discussion Forum
Latest Additions
FAQs
Link to us
Submit-a-Script
Web Design Toolbox
Wish List

Contact Us

Script Library

Link to us!!!
Link to US!!!



Electrify your web site with our free copy and paste DHTML scripts, free DHTML Menus, free Dynamic HTML tutorials and javascript.


Home : Layer Effects : Dynamic Clock

This is a sweet little bit of scripting. A dynamic clock, which uses the user's time, and doesn't use any images at all. Very clean.

Credits:
Created by: Randy Bennet
Website: N/A
Browser Information: NN, IE4+
Additional Notes: None

Demonstration:
Open the clock

Coding:
Copy and paste this code into the <HEAD> of your document:

selectall.gif

Copy and paste this into your <BODY> tag, i.e. <BODY onLoad="...">

selectall.gif

Copy and paste this into the body of your document

selectall.gif

Instructions:
Just copy and paste and you're on your way. to change the positioning of the clock, you'll have to change the style="position:absolute" lines for each layer. Just set the left, and top attributes where you want the clock to appear, and you're ready to go.

Site designed, coded, and maintained by Web Shorts Site Design.
Copyright © 2000 - 2007 DHTML Shock.
Please read the Terms Of Use before using any of the scripts.
DHTML Shock Privacy Policy | Support DHTMLShock
PO Box 80575, Portland, Oregon 97280

Free Webmaster Resources Web Templates Stock Photos Free Javascripts
Cartweaver ColdFusion Shopping Cart


<reallybig.com>
Web Builder Network Portal
Advertise
on the
Reallybig.com
Network