< LANGUAGE="Java"> <br><br>colors = new Array("330099","00ff00","ff00ff"); //Clock face colors. <br><br>sCol = "ff00ff"; //seconds colour. <br><br>mCol = "00ff00"; //minutes colour. <br><br>hCol = "330099"; //hours colour. <br><br> <br><br>H = "Hours..."; <br><br>H = H.split(""); <br><br>H = H.reverse(); <br><br>M = "Minutes..."; <br><br>M = M.split(""); <br><br>M = M.reverse(); <br><br>S = "Seconds..."; <br><br>S = S.split(""); <br><br>S = S.reverse(); <br><br>dots = 12; <br><br>var Ypos = 0,Xpos = 0,Ybase = 0,Xbase = 0; <br><br>var ay = 0, ax = 0, Ay = 0, Ax = 0, by = 0, bx = 0, By = 0, Bx = 0, cy = 0, cx = 0, Cy = 0, Cx = 0, dy = 0, dx = 0, Dy = 0, Dx = 0; <br><br>count = 0; <br><br>count_a = 0; <br><br>move = 1; <br><br>ns = (document.layers)?1:0; <br><br>viz = (document.layers)?"hide":"hidden"; <br><br>if (ns) { <br><br>for (i = 0; i < dots; i++) <br><br>document.write("<layer name=nface"+i+" top=0 left=0 bgcolor=#ffffff clip="0,0,3,3"></layer>"); <br><br>for (i = 0; i < S.length; i++) <br><br>document.write("<layer name=nx"+i+" top=0 left=0 width=36 height=36><font face=Verdana size=2 color="+sCol+"><center>"+S[i]+"</center></font></layer>"); <br><br>for (i = 0; i < M.length; i++) <br><br>document.write("<layer name=ny"+i+" top=0 left=0 width=36 height=36><font face=Verdana size=2 color="+mCol+"><center>"+M[i]+"</center></font></layer>"); <br><br>for (i = 0; i < H.length; i++) <br><br>document.write("<layer name=nz"+i+" top=0 left=0 width=36 height=36><font face=Verdana size=2 color="+hCol+"><center>"+H[i]+"</center></font></layer>"); <br><br>} <br><br>else{ <br><br>document.write("<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">"); <br><br>for (i = 0; i < dots; i++) { <br><br>document.write("<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#ffffff"></div>"); <br><br>} <br><br>document.write("</div></div>"); <br><br>document.write("<div id="X" style="position:absolute;top:0px;left:0px"><div style="position:relative">"); <br><br>for (i = 0; i < S.length; i++) { <br><br>document.write("<div id="x" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:"+sCol+";text-align:center;padding-top:10px">"+S[i]+"</div>"); <br><br>} <br><br>document.write("</div></div>") <br><br>document.write("<div id="Y" style="position:absolute;top:0px;left:0px"><div style="position:relative">"); <br><br>for (i = 0; i < M.length; i++) { <br><br>document.write("<div id="y" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:"+mCol+";text-align:center;padding-top:10px">"+M[i]+"</div>"); <br><br>} <br><br>document.write("</div></div>") <br><br>document.write("<div id="Z" style="position:absolute;top:0px;left:0px"><div style="position:relative">"); <br><br>for (i = 0; i < H.length; i++) { <br><br>document.write("<div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:"+hCol+";text-align:center;padding-top:10px">"+H[i]+"</div>"); <br><br>} <br><br>document.write("</div></div>"); <br><br>} <br><br>if (ns) { <br><br>window.captureEvents(Event.MOUSEMOVE); <br><br>function nsMouse(evnt) { <br><br>Ypos = evnt.pageY + 100; <br><br>Xpos = evnt.pageX + 100; <br><br>} <br><br>window.onMouseMove = nsMouse; <br><br>} <br><br>else{ <br><br>function ieMouse() { <br><br>Ypos = event.y + 100; <br><br>Xpos = event.x + 100; <br><br>} <br><br>document.onmousemove = ieMouse; <br><br>} <br><br>function clock() { <br><br>time = new Date (); <br><br>secs = time.getSeconds(); <br><br>sec = -1.57 + Math.PI * secs / 30; <br><br>mins = time.getMinutes(); <br><br>min = -1.57 + Math.PI * mins / 30; <br><br>hr = time.getHours(); <br><br>hrs = -1.575 + Math.PI * hr / 6 + Math.PI * parseInt(time.getMinutes()) / 360; <br><br>Ybase = 15; <br><br>Xbase = 15; <br><br>if (ns) { <br><br>document.layers["nx"+0].visibility = viz; <br><br>document.layers["ny"+0].visibility = viz; <br><br>document.layers["nz"+0].visibility = viz; <br><br>for (i = 0; i < S.length; i++) { <br><br>document.layers["nx"+i].top = ay - 12 + (i * Ybase) * Math.sin(sec); <br><br>document.layers["nx"+i].left = ax - 12 + (i * Xbase) * Math.cos(sec); <br><br>} <br><br>for (i = 0; i < M.length; i++) { <br><br>document.layers["ny"+i].top = by - 12 + (i * Ybase) * Math.sin(min); <br><br>document.layers["ny"+i].left = bx - 12 + (i * Xbase) * Math.cos(min); <br><br>} <br><br>for (i = 0; i < H.length; i++) { <br><br>document.layers["nz"+i].top = cy - 12 + (i * Ybase) * Math.sin(hrs); <br><br>document.layers["nz"+i].left = cx - 12 + (i * Xbase) * Math.cos(hrs); <br><br>} <br><br>for (i = 0; i < dots; ++i) { <br><br>document.layers["nface"+i].top = dy - 2 + (70 * Math.sin(-0.49+dots+i/1.9)); <br><br>document.layers["nface"+i].left = dx + 4 + (70 * Math.cos(-0.49+dots+i/1.9)); <br><br>} <br><br>} <br><br>else { <br><br>var scrll = document.body.scrollTop; <br><br>W.style.pixelTop = scrll; <br><br>X.style.pixelTop = scrll; <br><br>Y.style.pixelTop = scrll; <br><br>Z.style.pixelTop = scrll; <br><br>x[0].style.visibility=viz; <br><br>y[0].style.visibility = viz; <br><br>z[0].style.visibility = viz; <br><br>for (i = 0; i < S.length; i++) { <br><br>x[i].style.pixelTop = ay - 12 + (i * Ybase) * Math.sin(sec); <br><br>x[i].style.pixelLeft = ax - 12 + (i * Xbase) * Math.cos(sec); <br><br>} <br><br>for (i = 0; i < M.length; i++) { <br><br>y[i].style.pixelTop = by - 12 + (i * Ybase) * Math.sin(min); <br><br>y[i].style.pixelLeft = bx - 12 + (i * Xbase) * Math.cos(min); <br><br>} <br><br>for (i = 0; i < H.length; i++) { <br><br>z[i].style.pixelTop = cy - 12 + (i * Ybase) * Math.sin(hrs); <br><br>z[i].style.pixelLeft = cx - 12 + (i * Xbase) * Math.cos(hrs); <br><br>} <br><br>for (i = 0; i < dots; ++i) { <br><br>face[i].style.pixelTop = dy + 6 + (70 * Math.sin(-0.49 + dots + i / 1.9)); <br><br>face[i].style.pixelLeft = dx + 4 + (70 * Math.cos(-0.49 + dots + i / 1.9)); <br><br>} <br><br>} <br><br>} <br><br>function MouseFollow() { <br><br>ay = Math.round(Ay += ((Ypos) - Ay) * 4 / 15); <br><br>ax = Math.round(Ax += ((Xpos) - Ax) * 4 / 15); <br><br>by = Math.round(By += (ay - By) * 4 / 15); <br><br>bx = Math.round(Bx += (ax - Bx) * 4 / 15); <br><br>cy = Math.round(Cy += (by - Cy) * 4 / 15); <br><br>cx = Math.round(Cx += (bx - Cx) * 4 / 15); <br><br>dy = Math.round(Dy += (cy - Dy) * 4 / 15); <br><br>dx = Math.round(Dx += (cx - Dx) * 4 / 15); <br><br>clock(); <br><br>setTimeout("MouseFollow()",10); <br><br>} <br><br>function colorstep() { <br><br>count +=move; <br><br>if (count >= dots) {count=0;count_a += move} <br><br>if (count_a == colors.length) count_a = 0; <br><br>if (ns) document.layers["nface"+count].bgColor = colors[count_a]; <br><br>else face[count].style.background = colors[count_a]; <br><br>setTimeout("colorstep()",100) <br><br>} <br><br>function StartAll() { <br><br>MouseFollow(); <br><br>colorstep(); <br><br>} <br><br>if (document.layers || document.all) window.onload = StartAll; <br><br> <br><br></> <br><br><p align="center"> </p>