The JavaScript Source: Clocks: Wall Clock

★ wanayoo — archive 1999 http://javascript.internet.com/clocks/wall-clock.html

Nouvelle recherche | Portail wanayoo

Home

Clocks

Wall Clock

A digital JavaScript clock on your site is impressive, but having a wall clock on your site is incredible! The second, minute, and hour hands even move according to the current time. Best of all, you do not need any picture images to make it work!

The JavaScript Source: Clocks: Wall Clock
Simply click inside the window below, use your cursor to hilight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!

 2. Paste the last section into a new file, save it as wall-clock.html -->  <BODY> <center> <form name=digitalclock> <input type=button value="Open the Wall Clock" onClick="window.open('wall-clock.html', 'wallclock', 'width=200, height=200');"> </form> </center>  <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> <style> ..num {color:white;width:30px;text-align:center; } </style> </HEAD> <body onLoad="javascript:startClock();"> <div id="c0" style="position:absolute;left:36;top:36; z-index:2;"> <table> <tr> <td bgcolor=000000 width=120 height=120> </td> </tr> </table> </div> <div id="c1" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>1</b></div> <div id="c2" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>2</b></div> <div id="c3" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>3</b></div> <div id="c4" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>4</b></div> <div id="c5" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>5</b></div> <div id="c6" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>6</b></div> <div id="c7" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>7</b></div> <div id="c8" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>8</b></div> <div id="c9" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>9</b></div> <div id="c10" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>10</b></div> <div id="c11" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>11</b></div> <div id="c12" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>12</b></div> <div id="ob0" class="num" style="position:absolute;left:-20;top:-20;z-index:1"> </div> <div id="ob1" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob2" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob3" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob4" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob5" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob6" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob7" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob8" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob9" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob10" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob11" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob12" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> </body> </html> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="/old?u=http%3A%2F%2Fjavascriptsource.com&y=1999">The JavaScript Source</a></font> </center><p> 
Did you use this script? Do you like this site? Please link to us!

We'll send this script to you!

(just click "Send it!" once!)

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]
The JavaScript Source
Copyright 2000 Internet.com Corp.
All Rights Reserved. Legal Notices
Privacy Policy
Advertising Information