<!-- eredeti forrásfájl: http://www.24fun.com, átdolgozta: Siklódi József *** http://sjh.uw.hu -->
  <SCRIPT LANGUAGE="JavaScript">
<!-- Begin
sCol = 'dd0000';  //seconds colour.
mCol = '0000dd';  //minutes colour.
hCol = '000000';  //hours colour.
fCol='0000ff';//face colour.
dCol='008800';//dot colour.

ClockHeight=35;
ClockWidth=35;
ClockFromMouseY=80;
ClockFromMouseX=5;

ns=(document.layers);
ie=(document.all);
h=4;
m=5;
s=6;
face='1 2 3 4 5 6 7 8 9 10 11 12';
face=face.split(' ');
n=face.length;
speed=0.6;
ymouse=0;
xmouse=0;
scrll=0;
p="<font face=Arial size=1 color="+fCol+">";
e=360/n;
HandHeight=ClockHeight/4;
HandWidth=ClockWidth/4;
HandY=0;
HandX=0;
scrll=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (I=0; I < 37; I++){y[I]=0;x[I]=0;Y[I]=0;X[I]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (I=0; I < n; I++){Dy[I]=0;Dx[I]=0;DY[I]=0;DX[I]=0}
if (ns){
for (I=0; I < n; I++)
document.write('<layer name="nsN'+I+'" top=0 left=0 height=15 width=15><center>'+p+face[I]+'</font></center></layer>');
for (I=0; I < n; I++)
document.write('<layer name="nsD'+I+'" top=0 left=0 bgcolor='+dCol+' clip="0,0,2,2"></layer>');
for (I=0; I < h; I++)
document.write('<layer name=nsH'+I+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
for (I=0; I < m; I++)
document.write('<layer name=nsM'+I+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
for (I=0; I < s; I++)
document.write('<layer name=nsS'+I+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
}
if (ie){
document.write('<div id="On" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (I=0; I < n; I++)
document.write('<div id="ieN" style="position:absolute;width:15px;height:15px;text-align:center">'+p+face[I]+'</font></div>');
document.write('</div></div>');
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (I=0; I < n; I++)
document.write('<div id="ieD" style="position:absolute;height:2px;width:2px;font-size:2px;background:'+dCol+'"></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (I=0; I < h; I++)
document.write('<div id="ieH" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (I=0; I < m; I++)
document.write('<div id="ieM" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (I=0; I < s; I++)
document.write('<div id="ieS" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
document.write('</div></div>')
}

(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

function ClockAndAssign(){
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.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
On.style.top=window.document.body.scrollTop;
Od.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (I=0; I < s; I++){
 var sd=(ns)?document.layers['nsS'+I]:ieS[I].style;
 sd.top=y[8+I]+HandY+(I*HandHeight)*Math.sin(sec)+scrll;
 sd.left=x[8+I]+HandX+(I*HandWidth)*Math.cos(sec);
}
for (I=0; I < m; I++){
 var md=(ns)?document.layers['nsM'+I]:ieM[I].style;
 md.top=y[4+I]+HandY+(I*HandHeight)*Math.sin(min)+scrll;
 md.left=x[4+I]+HandX+(I*HandWidth)*Math.cos(min);
}
for (I=0; I < h; I++){
 var hd=(ns)?document.layers['nsH'+I]:ieH[I].style;
 hd.top=y[1+I]+HandY+(I*HandHeight)*Math.sin(hrs)+scrll;
 hd.left=x[1+I]+HandX+(I*HandWidth)*Math.cos(hrs);
}
for (I=0; I < n; I++){
 var D=(ns)?document.layers['nsD'+I]:ieD[I].style;
 D.top=y[13+I] + ClockHeight*Math.sin(-1.0471 + I*e*Math.PI/180)+scrll;
 D.left=x[13+I] + ClockWidth*Math.cos(-1.0471 + I*e*Math.PI/180);
}
for (I=0; I < n; I++){
 var N=(ns)?document.layers['nsN'+I]:ieN[I].style;
 N.top=y[25+I]-6 + ClockHeight*1.4*Math.sin(-1.0471 + I*e*Math.PI/180)+scrll;
 N.left=x[25+I]-6 + ClockWidth*1.4*Math.cos(-1.0471 + I*e*Math.PI/180);
}
}

function Delay(){
scrll=(ns)?window.pageYOffset:0;
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (I=1; I < 37; I++){
y[I]=Math.round(Y[I]+=(y[I-1]-Y[I])*speed);
x[I]=Math.round(X[I]+=(x[I-1]-X[I])*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
//  End -->
</script>
<center>
  <a href="http://sjh.uw.hu">további forráskódok</a>
</center>