Analog-Uhr für Tabellen

HTML-Einbindung
<!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -body- einbauen --> <table border=1 width=302 cellpadding=10 cellspacing=0 bgcolor="#000044"> <tr> <td colspan=2 bgcolor="#704000">   </td> </tr> <tr> <td> </td> <td width=100 bgcolor="#003300"> <script language="JavaScript"> <!-- Standard analogue Clock by http://www.btinternet.com/~kurt.grigg/javascript fCol="#00ff00"; //face colour. dCol="#ffffff"; //dots colour. hCol="#ffffff"; //hours colour. mCol="#ffffff"; //minutes colour. sCol="#00ff00"; //seconds colour. //Alter nothing below! Alignments will be lost! ns=(navigator.appName == "Netscape" && document.layers); h=3; m=4; s=5; facefont="<font face='Arial' size='1' color="+fCol+">"; face="3 4 5 6 7 8 9 10 11 12 1 2"; face=face.split(" "); n=face.length; e=360/n; ch=30; cw=30; hh=ch/4; hw=cw/4; var v1=(ns)?'document.':'document.getElementById("'; var v2=(ns)?'':'")'; var v3=(ns)?'':'.style'; df=new Array(); dd=new Array(); dh=new Array(); dm=new Array(); ds=new Array(); y=50; x=50; document.write('<div style="position:relative;width:'+(x*2)+'px;height:'+(y*2)+'px">'); for (i=0; i < n; i++){ if (!ns){ document.write('<div id="F'+i+'" style="position:absolute;width:15px;height:15px;text-align:center">'+facefont+face[i]+'</font></div>'); document.write('<div id="D'+i+'" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+dCol+'"></div>'); } else{ document.write('<layer name="F'+i+'" width=15 height=15><center>'+facefont+face[i]+'</font></center></layer>'); document.write('<layer name="D'+i+'" bgcolor='+dCol+' width=2 height=2></layer>'); } df[i]=eval(v1+"F"+i+v2+v3); df[i].top=y-6+ch*1.4*Math.sin(i*e*Math.PI/180); df[i].left=x-6+cw*1.4*Math.cos(i*e*Math.PI/180); dd[i]=eval(v1+"D"+i+v2+v3); dd[i].top=y+ch*Math.sin(i*e*Math.PI/180); dd[i].left=x+cw*Math.cos(i*e*Math.PI/180); } for (i=0; i < h; i++){ if (!ns) document.write('<div id="H'+i+'" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>'); else document.write('<layer name="H'+i+'" bgcolor='+hCol+' width=2 height=2></layer>'); dh[i]=eval(v1+"H"+i+v2+v3); } for (i=0; i < m; i++){ if (!ns) document.write('<div id="M'+i+'" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>'); else document.write('<layer name="M'+i+'" bgcolor='+mCol+' width=2 height=2></layer>'); dm[i]=eval(v1+"M"+i+v2+v3); } for (i=0; i < s; i++){ if (!ns) document.write('<div id="S'+i+'" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>'); else document.write('<layer name="S'+i+'" bgcolor='+sCol+' width=2 height=2></layer>'); ds[i]=eval(v1+"S"+i+v2+v3); } document.write('</div>'); function Clock(){ time=new Date(); secs=time.getSeconds(); sec=Math.PI*(secs-15)/30; mins=time.getMinutes(); min=Math.PI*(mins-15)/30; hrs=time.getHours(); hr=Math.PI*(hrs-3)/6+Math.PI*parseInt(time.getMinutes())/360; for (i=0; i < s; i++){ds[i].top=y+(i*hh)*Math.sin(sec);ds[i].left=x+(i*hw)*Math.cos(sec)} for (i=0; i < m; i++){dm[i].top=y+(i*hh)*Math.sin(min);dm[i].left=x+(i*hw)*Math.cos(min)} for (i=0; i < h; i++){dh[i].top=y+(i*hh)*Math.sin(hr);dh[i].left=x+(i*hw)*Math.cos(hr)} setTimeout('Clock()',50); } Clock(); //--> </script> </td> </tr> </table> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->