Óra percek számok

XHTML és JavaScript:
<div id="percdiv">
<script language="JavaScript" type="text/javascript" >
var r05=100; // A kör sugara
var fok05=0; // Azon fok, mely sin és cos értékét határozza meg
var Y05=100; X05=300; // Nagy Y05 és X05 határozza meg, a kör központi pozícióját.

for (i=0; i < 360;) {
b05=Math.sin(fok05 * Math.PI / 180); a05=Math.cos(fok05 * Math.PI / 180);
y05=Y05-r05*a05; x05=X05+r05*b05;
document.write ('<span id="percek" style="position: absolute; margin-top:'+y05+'; margin-left:'+x05+'">'); document.write (""); document.write ('</span>');
fok05=fok05+6; // fok értékét, minden lefutás végén, +6 fokkal növeljük
i=i+6;
}
</script>
</div>

Stílusok:
#percdiv{width: 500px; height: 300px; padding:20px; background-color: #0f0; }
#percek{position: absolute; width: 2px; height:2px; color: black; font-size: 2px; background-color: black;}

XHTML és JavaScript:
<div id="oraszamlap">
<script language="JavaScript" type="text/javascript" >
var oraszamok=12;
var szamok=12;
var rszam=100; // A kör sugara, melyen a számok elhelyezkednek
var fokszam=0; // Azon fok, mely sin és cos értékét határozza meg
var Yszam=100; Xszam=300; // Nagy "Yszam" és "Xszam" határozza meg, a kör központi pozícióját.

for (i=0; i < 360; ) {
bszam=Math.sin(fokszam * Math.PI / 180); aszam=Math.cos(fokszam * Math.PI / 180);
yszam=Yszam-rszam*aszam; xszam=Xszam+rszam*bszam;
document.write ('<span id="oraszamok" style="position: absolute; margin-top:'+yszam+'; margin-left:'+xszam+'">'); document.write (szamok); document.write ('</span>');
fokszam=fokszam+30; // fok értékét minden lefutás végén, +30 fokkal növeljük (12x30=360)
oraszamok=oraszamok+1;
b=oraszamok;
szamok=b-12;
i=i+30;
}
</script>
</div>

Stílusok:
#oraszamlap{width: 500px; height: 300px; padding:20px; background-color: #0f0;}
#oraszamok{color: black; font size: 16px; font-weight: normal;}

XHTML és JavaScript:
<div id="komplettszamlap">
<script language="JavaScript" type="text/javascript" >
var r05=110; // A kör sugara, melyen a percek elhelyezkednek
var fok05=0; // Azon fok, mely sin és cos értékét határozza meg
var Y05=110; X05=305; // Nagy Y05 és X05 határozza meg, a kör központi pozícióját.

for (i=0; i < 360;) {
b05=Math.sin(fok05 * Math.PI / 180); a05=Math.cos(fok05 * Math.PI / 180);
y05=Y05-r05*a05; x05=X05+r05*b05;
document.write ('<span id="percek" style="position: absolute; margin-top:'+y05+'; margin-left:'+x05+'">'); document.write (""); document.write ('</span>');
fok05=fok05+6; // fok értékét minden lefutás végén, +6 fokkal növeljük
i=i+6;
}
var oraszamok=12;
var szamok=12;
var r06=100; // A kör sugara, melyen a számok elhelyezkednek
var fok06=0; // Azon fok, mely sin és cos értékét határozza meg
var Y06=100; X06=300; // Nagy Y06 és X06 határozza meg, a kör központi pozícióját.

for (i=0; i < 360; ) {
b06=Math.sin(fok06 * Math.PI / 180); a06=Math.cos(fok06 * Math.PI / 180);
y06=Y06-r06*a06; x06=X06+r06*b06;
document.write ('<span id="oraszamok" style="position: absolute; margin-top:'+y06+'; margin-left:'+x06+'">'); document.write (szamok); document.write ('</span>');
fok06=fok06+30; // fok értékét minden lefutás végén +30 fokkal növeljük (12x30=360)
oraszamok=oraszamok+1;
b=oraszamok;
szamok=b-12;
i=i+30;
}
</script>
</div>

Stílusok:
#komplettszamlap{width: 500px; height: 300px; padding:20px; background-color: #0f0;}
#percek{position: absolute; width: 2px; height:2px; color: black; font-size: 2px; background-color: black;}
#oraszamok{position: absolute; color: black; font size: 16px; font-weight: normal;}