Analoguhr

Bei dieser Analoguhr werden keine Grafiken eingesetzt. Sie besteht ausschließlich aus reinem HTML.
Farben und Schriften können komplett an die eigene Homepage angepasst werden.

HTML-Einbindung
   <script language="javascript"> var dot=65 rads=new Array(65) function rad () { for (i=1; i<dot; i++) { if (document.all) rads[i]=new Array (eval('rad'+i).style,-100,-100) else rads[i] = new Array (eval('document.rad'+i),-100,-100) } } function setCircle() { for (i=1; i<dot; i++) { rads[i][0].left=rads[i][1]+pX-15 if (document.layers) rads[i][0].left+=10 rads[i][0].top=rads[i][2]+pY-15 //if (document.layers) rads[i][0].top-=5 } } function counter() { for (i=1; i<dot; i++) { rad=Math.PI*(i/((dot-1)/2)) rads[i][1] = Math.sin(rad)*60; rads[i][2] = -Math.cos(rad)*60; } setCircle() } pX=100;pY=100 obs = new Array(13) function ob () { for (i=0; i<13; i++) { if (document.all) obs[i]=new Array (eval('ob'+i).style,-100,-100) else obs[i] = new Array (eval('document.ob'+i),-100,-100) } } function cl(a,b,c){ if (document.all) { if (a!=0) b+=-1 eval('c'+a+'.style.pixelTop='+(pY+(c-5))) eval('c'+a+'.style.pixelLeft='+(pX+(b))) } else{ if (a!=0) b+=10 eval('document.c'+a+'.top='+(pY+(c))) eval('document.c'+a+'.left='+(pX+(b))) } } function runClock() { for (i=0; i<13; i++) { obs[i][0].left=obs[i][1]+pX obs[i][0].top=obs[i][2]+pY } } var lastsec function timer() { time = new Date () sec = time.getSeconds() if (sec!=lastsec) { lastsec = sec sec=Math.PI*sec/30 min=Math.PI*time.getMinutes()/30 hr =Math.PI*((time.getHours()*60)+time.getMinutes())/360 for (i=1;i<6;i++) { obs[i][1] = Math.sin(sec) * (44 - (i-1)*11)-16; if (document.layers)obs[i][1]+=10; obs[i][2] = -Math.cos(sec) * (44 - (i-1)*11)-27; } for (i=6;i<10;i++) { obs[i][1] = Math.sin(min) * (40 - (i-6)*10)-16; if (document.layers)obs[i][1]+=10; obs[i][2] = -Math.cos(min) * (40 - (i-6)*10)-27; } for (i=10;i<13;i++) { obs[i][1] = Math.sin(hr) * (37 - (i-10)*11)-16; if (document.layers)obs[i][1]+=10; obs[i][2] = -Math.cos(hr) * (37 - (i-10)*11)-27; } } } function setNum(){ cl (0,-67,-65); cl (1,10,-51); cl (2,28,-33); cl (3,35,-8); cl (4,28,17); cl (5,10,35); cl (6,-15,42); cl (7,-40,35); cl (8,-58,17); cl (9,-65,-8); cl (10,-58,-33); cl (11,-40,-51); cl (12,-16,-56); } </script>   <body text="black" onload="rad();counter();ob();setNum();setInterval('timer()',100);setInterval('runClock()',100)">  <div id="c0" style="Z-INDEX: 2; LEFT: 60px; POSITION: absolute; TOP: 36px"><table> <tr> <td width="126" height="126"> </td> </tr> </table> </div><div id="c1" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 20px; POSITION: absolute; TOP: -20px"><b>1</b></div><div id="c2" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 20px; POSITION: absolute; TOP: -20px"><b>2</b></div><div id="c3" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 20px; POSITION: absolute; TOP: -20px"><b>3</b></div><div id="c4" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 20px; POSITION: absolute; TOP: -20px"><b>4</b></div><div id="c5" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 20px; POSITION: absolute; TOP: -20px"><b>5</b></div><div id="c6" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 20px; POSITION: absolute; TOP: -20px"><b>6</b></div><div id="c7" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 20px; POSITION: absolute; TOP: -20px"><b>7</b></div><div id="c8" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 20px; POSITION: absolute; TOP: -20px"><b>8</b></div><div id="c9" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 20px; POSITION: absolute; TOP: -20px"><b>9</b></div><div id="c10" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 20px; POSITION: absolute; TOP: -20px"><b>10</b></div><div id="c11" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 20px; POSITION: absolute; TOP: -20px"><b>11</b></div><div id="c12" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 20px; POSITION: absolute; TOP: -20px"><b>12</b></div><div id="ob0" style="Z-INDEX: 1; LEFT: -20px; POSITION: absolute; TOP: -20px"></div><div id="ob1" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#FFFF00" size="+3"><b>.</b></font></div><div id="ob2" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#FFFF00" size="+3"><b>.</b></font></div><div id="ob3" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#FFFF00" size="+3"><b>.</b></font></div><div id="ob4" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#FFFF00" size="+3"><b>.</b></font></div><div id="ob5" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#FFFF00" size="+3"><b>.</b></font></div><div id="ob6" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#00ffff" size="+3"><b>.</b></font></div><div id="ob7" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#00ffff" size="+3"><b>.</b></font></div><div id="ob8" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#00ffff" size="+3"><b>.</b></font></div><div id="ob9" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#00ffff" size="+3"><b>.</b></font></div><div id="ob10" style="Z-INDEX: 6; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#ff0000" size="+3"><b>.</b></font></div><div id="ob11" style="Z-INDEX: 6; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#ff0000" size="+3"><b>.</b></font></div><div id="ob12" style="Z-INDEX: 6; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#ff0000" size="+3"><b>.</b></font></div><div id="rad0" style="Z-INDEX: 1; LEFT: -20px; POSITION: absolute; TOP: -20px"></div><div id="rad1" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad2" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad3" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad4" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad5" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad6" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad7" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad8" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad9" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad10" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad11" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad12" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad13" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad14" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad15" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad16" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad17" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad18" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad19" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad20" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad21" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad22" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad23" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad24" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad25" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad26" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad27" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad28" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad29" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad30" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad31" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad32" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad33" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad34" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad35" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad36" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad37" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad38" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad39" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad40" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad41" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad42" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad43" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad44" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad45" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad46" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad47" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad48" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad49" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad50" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad51" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad52" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad53" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad54" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad55" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad56" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad57" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad58" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad59" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad60" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad61" style="Z-INDEX: 8; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad62" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad63" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><div id="rad64" style="Z-INDEX: 7; LEFT: -20px; POSITION: absolute; TOP: -20px"><font color="#000000"><b>.</b></font></div><p></p> </center>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"