You are on page 1of 4

<head></head>

<body>
<script language="javascript">
fcol='444444'; //face colour.
scol='ff0000'; //seconds colour.
mcol='444444'; //minutes colour.
hcol='444444'; //hours colour.

ybase=30; //clock height.


xbase=30; //clock width.

h='...';
h=h.split('');
m='....';
m=m.split('');
s='.....';
s=s.split('');
ns4=(document.layers);
ns6=(document.getelementbyid&&!document.all);
ie4=(document.all);
ypos=0;
xpos=0;
dots=12;
split=360/dots;
if (ns6){
for (i=1; i < dots+1; i++){
document.write('<div id="n6digits'+i+'"
style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-
family:arial;font-size:10px;color:#'+fcol+';text-align:center;padding-
top:10px">'+i+'</div>');
}
for (i=0; i < m.length; i++){
document.write('<div id="ny'+i+'"
style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-
size:2px;background:#'+mcol+'"></div>');
}
for (i=0; i < h.length; i++){
document.write('<div id="nz'+i+'"
style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-
size:2px;background:#'+hcol+'"></div>');
}
for (i=0; i < s.length; i++){
document.write('<div id="nx'+i+'"
style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-
size:2px;background:#'+scol+'"></div>');
}
}
if (ns4){
dgts='1 2 3 4 5 6 7 8 9 10 11 12';
dgts=dgts.split(' ')
for (i=0; i < dots; i++){
document.write('<layer name=nsdigits'+i+' top=0 left=0 height=30
width=30><center><font face=arial size=1
color='+fcol+'>'+dgts[i]+'</font></center></layer>');
}
for (i=0; i < m.length; i++){
document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mcol+'
clip="0,0,2,2"></layer>');
}
for (i=0; i < h.length; i++){
document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hcol+'
clip="0,0,2,2"></layer>');
}
for (i=0; i < s.length; i++){
document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+scol+'
clip="0,0,2,2"></layer>');
}
}
if (ie4){
document.write('<div style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i=1; i < dots+1; i++){
document.write('<div id="iedigits"
style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-
family:arial;font-size:10px;color:'+fcol+';text-align:center;padding-
top:10px">'+i+'</div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i=0; i < m.length; i++){
document.write('<div id=y style="position:absolute;width:2px;height:2px;font-
size:2px;background:'+mcol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i=0; i < h.length; i++){
document.write('<div id=z style="position:absolute;width:2px;height:2px;font-
size:2px;background:'+hcol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i=0; i < s.length; i++){
document.write('<div id=x style="position:absolute;width:2px;height:2px;font-
size:2px;background:'+scol+'"></div>');
}
document.write('</div></div>')
}

function clock(){
time = new date ();
secs = time.getseconds();
sec = -1.57 + math.pi * secs/30;
mins = time.getminutes();
min = -1.57 + math.pi * mins/30;
hr = time.gethours();
hrs = -1.57 + math.pi * hr/6 + math.pi*parseint(time.getminutes())/360;

if (ns6){
ypos=window.pageyoffset+window.innerheight-ybase-25;
xpos=window.pagexoffset+window.innerwidth-xbase-30;
for (i=1; i < dots+1; i++){
document.getelementbyid("n6digits"+i).style.top=ypos-15+ybase*math.sin(-1.56 +i
*split*math.pi/180)
document.getelementbyid("n6digits"+i).style.left=xpos-15+xbase*math.cos(-1.56
+i*split*math.pi/180)
}
for (i=0; i < s.length; i++){
document.getelementbyid("nx"+i).style.top=ypos+i*ybase/4.1*math.sin(sec);
document.getelementbyid("nx"+i).style.left=xpos+i*xbase/4.1*math.cos(sec);
}
for (i=0; i < m.length; i++){
document.getelementbyid("ny"+i).style.top=ypos+i*ybase/4.1*math.sin(min);
document.getelementbyid("ny"+i).style.left=xpos+i*xbase/4.1*math.cos(min);
}
for (i=0; i < h.length; i++){
document.getelementbyid("nz"+i).style.top=ypos+i*ybase/4.1*math.sin(hrs);
document.getelementbyid("nz"+i).style.left=xpos+i*xbase/4.1*math.cos(hrs);
}
}
if (ns4){
ypos=window.pageyoffset+window.innerheight-ybase-20;
xpos=window.pagexoffset+window.innerwidth-xbase-30;
for (i=0; i < dots; ++i){
document.layers["nsdigits"+i].top=ypos-5+ybase*math.sin(-1.045
+i*split*math.pi/180)
document.layers["nsdigits"+i].left=xpos-15+xbase*math.cos(-1.045
+i*split*math.pi/180)
}
for (i=0; i < s.length; i++){
document.layers["nx"+i].top=ypos+i*ybase/4.1*math.sin(sec);
document.layers["nx"+i].left=xpos+i*xbase/4.1*math.cos(sec);
}
for (i=0; i < m.length; i++){
document.layers["ny"+i].top=ypos+i*ybase/4.1*math.sin(min);
document.layers["ny"+i].left=xpos+i*xbase/4.1*math.cos(min);
}
for (i=0; i < h.length; i++){
document.layers["nz"+i].top=ypos+i*ybase/4.1*math.sin(hrs);
document.layers["nz"+i].left=xpos+i*xbase/4.1*math.cos(hrs);
}
}

if (ie4){
ypos=document.body.scrolltop+window.document.body.clientheight-ybase-20;
xpos=document.body.scrollleft+window.document.body.clientwidth-xbase-20;
for (i=0; i < dots; ++i){
iedigits[i].style.pixeltop=ypos-15+ybase*math.sin(-1.045 +i *split*math.pi/180)
iedigits[i].style.pixelleft=xpos-15+xbase*math.cos(-1.045 +i *split*math.pi/180)
}
for (i=0; i < s.length; i++){
x[i].style.pixeltop =ypos+i*ybase/4.1*math.sin(sec);
x[i].style.pixelleft=xpos+i*xbase/4.1*math.cos(sec);
}
for (i=0; i < m.length; i++){
y[i].style.pixeltop =ypos+i*ybase/4.1*math.sin(min);
y[i].style.pixelleft=xpos+i*xbase/4.1*math.cos(min);
}
for (i=0; i < h.length; i++){
z[i].style.pixeltop =ypos+i*ybase/4.1*math.sin(hrs);
z[i].style.pixelleft=xpos+i*xbase/4.1*math.cos(hrs);
}
}
settimeout('clock()',100);
}
clock();
//-->
</script>

</body>

You might also like