hazır kodlar,html kodları,sitene ekle

Webkoleji.NET KOD BANKASI

KODLARI ÖNİZLEME YAPMAK İÇİN TIKLAYINIZ...

<script language="javascript">

//Enter path to mid file to play / 
var musicsrc="apollo13.mid"

function sivamtime() {
	now=new Date();
	hour=now.getHours();
	min=now.getMinutes();
	sec=now.getSeconds();

if (min<=9) {
	min="0"+min;
 }
if (sec<=9) {
	sec="0"+sec;
 }
if (hour>12) {
	hour=hour-12;
	add="pm";
 }
else {
	hour=hour;
	add="am";
 }
if (hour==12) {
	add="pm";
 }
if (hour==00) {
	hour="12";
 }

document.hours.clock.value = (hour<=9) ? "0"+hour : hour;
  document.minutes.clock.value = min;
  document.seconds.clock.value = sec;
  document.ampm.clock.value= add;
 setTimeout("sivamtime()", 1000);

}

playit=false
//PLAY MUSIC function by http://www.javascriptkit.com
function playmusic(){
musicwin=window.open("","","width=100,height=100")
if (navigator.appName=="Microsoft Internet Explorer")
musicwin.document.write('<bgsound src='+'"'+musicsrc+'"'+' loop="infinite">')
else
musicwin.document.write('<embed src=\"'+musicsrc+'\" hidden="true" border="0" width="20" height="20" autostart="true" loop="true">')
musicwin.document.close()
}

function soundcheck(cbox){
playit=cbox.checked
}

function alarm() {
    note = document.arlm.message.value;
    if (note == '') {note = 'ALARM!!';}

hrs = document.arlm.hr.value;
    min = document.arlm.mts.value;
    apm = document.arlm.am_pm.value;

if ((document.hours.clock.value == hrs) &&
    (document.minutes.clock.value == min) &&
    (document.ampm.clock.value == apm)) {
     if (playit)
     playmusic()
     else
     alert(note);
     return false}

if (hrs == '') {alert('Saat kısmı boş!'); return false}
 if (min == '') {alert('Dakika kısmı boş!'); return false}
 if (apm == '') {alert('am/pm kısmı boş!'); return false}

if (hrs.length == 1) {document.arlm.hr.value = '0' + hrs}
 if (min.length == 1) {document.arlm.mts.value = '0' + min}
 if (hrs.length > 2) {alert('Saat yanlış yazılmış!'); return false}
 if (min.length > 2) {alert('Dakika yanlış yazılmış!'); return false}
 if (apm != 'am' && apm != 'pm' ) {alert('am/pm yanlış yazılmış'); return false}

setTimeout("alarm()", 1000);}

</script>

<BODY bgColor=#ebe2d3 onLoad="sivamtime()">
 <table border="1" align="center" bgcolor="#fff4f4" cellspacing="0" cellpadding="2" width="136">
	    <tr>
	      <td colspan="4">
                 <font size="1" face="verdana, arial, helvetica, ms sans serif">
                   <b>Şu an</b>
                 </font>
              </td>
            </tr>
	    <tr>
	      <td>
		 <form name="hours">
	         <p><input type="text" size="2" name="clock"></p>
	         </form>
	      </td>
	      <td>
		 <form name="minutes">
	         <p><input type="text" size="2" name="clock" /></p>
	         </form>
	      </td>
	      <td>
		 <form name="seconds">
	         <p><input type="text" size="2" name="clock" /></p>
	         </form>
	      </td>
	      <td>
		 <form name="ampm">
	         <p><input type="text" size="2" name="clock" /></p>
	         </form>
	      </td>
	    </tr>
	 </table>

<table border="1" align="center" bgcolor="#fff4f4" cellspacing="0" cellpadding="2" width="166">
            <tr>
	      <td colspan="3">
	 <form name="arlm">
                 <font size="1" face="verdana, arial, helvetica, ms sans serif">
                   <b>Alarm Zamanı</b>
                 </font>
              </td>
            </tr>  
            <tr align="center">
	      <td>
                 <font size="1" face="verdana, arial, helvetica, ms sans serif">
                    Saat 
                 </font>
              </td>
	      <td>
                 <font size="1" face="verdana, arial, helvetica, ms sans serif">
                     Dakika
                 </font>
              </td>
	      <td>
                 <font size="1" face="verdana, arial, helvetica, ms sans serif">
                    am/pm
                 </font>
              </td>
            </tr>
	    <tr align="center">
	      <td>
	         <input type="text" size="2" name="hr" onFocus="select()" />

</td>
	      <td>
	           <input type="text" size="2" name="mts" onFocus="select()" />
	      </td>
	      <td>
	          <input type="text" size="2" value="am" name="am_pm" onFocus="select()" />
	      </td>
	    </tr>
            <tr align="left">
	      <td colspan="3">
                 <font size="1" face="verdana, arial, helvetica, ms sans serif">
                    Mesaj
                 </font>
              </td>
            </tr>
	    <tr align="left">
              <td colspan="3">
                 <input type="text" size="15" value="Uyan!" name="message" /><br>
<input type="checkbox" name="C1" value="ON" onClick="soundcheck(this)"> <font size="1" face="verdana, arial, helvetica, ms sans serif">Müzik Çalsın</font>
	      </td>
	    </tr>
            <tr>
	      <td align="center" colspan="3">
	         <input style="" type="button" size="2" value="Alarmı çalıştır" onClick="alarm()" />
	      </td>
	    </tr>
	    <tr>
	      <td align="center" colspan="3">
	         <input type="button" size="2" value="Sıfırla" onClick="reset()" />
	      </td>
            </tr>
	 </table>
	 </form>

var imgPath     = "js-clock(v1.0)resimler";       // path to images (digits)
var borderColor = "#D00000";      // border color
var borderWidth = 2;              // border width (pixels); set to 0 for no border

//--------------------------------------------------------------------------------------------------------
// Build clock
//--------------------------------------------------------------------------------------------------------

document.write('<table border=0 cellspacing=0 cellpadding=' + borderWidth + '><tr><td bgcolor=' + borderColor + '>');
document.write('<table border=0 cellspacing=0 cellpadding=1 width=135 bgcolor=black><tr align=center>');
document.write('<td nowrap>');
document.write('<img src="' + imgPath + '/wd8.gif" name="wd" width=39 height=15>');
document.write('<img src="' + imgPath + '/dk8.gif" name="d1" width=10 height=15>');
document.write('<img src="' + imgPath + '/dk8.gif" name="d2" width=10 height=15>');
document.write('<img src="' + imgPath + '/dkc.gif" width=5 height=15>');
document.write('<img src="' + imgPath + '/dk8.gif" name="m1" width=10 height=15>');
document.write('<img src="' + imgPath + '/dk8.gif" name="m2" width=10 height=15>');
document.write('<img src="' + imgPath + '/dkc.gif" width=5 height=15>');
document.write('<img src="' + imgPath + '/dk8.gif" name="y1" width=10 height=15>');
document.write('<img src="' + imgPath + '/dk8.gif" name="y2" width=10 height=15>');
document.write('<img src="' + imgPath + '/dk8.gif" name="y3" width=10 height=15>');
document.write('<img src="' + imgPath + '/dk8.gif" name="y4" width=10 height=15>');
document.write('</td></tr><tr align=center><td nowrap>');
document.write('<img src="' + imgPath + '/dg8.gif" name="hr1" width=16 height=24>');
document.write('<img src="' + imgPath + '/dg8.gif" name="hr2" width=16 height=24>');
document.write('<img src="' + imgPath + '/dgc.gif" width=8 height=24>');
document.write('<img src="' + imgPath + '/dg8.gif" name="mn1" width=16 height=24>');
document.write('<img src="' + imgPath + '/dg8.gif" name="mn2" width=16 height=24>');
document.write('<img src="' + imgPath + '/nix.gif" width=4 height=24>');
document.write('<img src="' + imgPath + '/dk8.gif" name="se1" width=10 height=15>');
document.write('<img src="' + imgPath + '/dk8.gif" name="se2" width=10 height=15>');
document.write('</td></tr></table></td></tr></table>');

//--------------------------------------------------------------------------------------------------------
// Functions
//--------------------------------------------------------------------------------------------------------

var dg0 = new Image();  dg0.src = imgPath + '/dg0.gif';
var dg1 = new Image();  dg1.src = imgPath + '/dg1.gif';
var dg2 = new Image();  dg2.src = imgPath + '/dg2.gif';
var dg3 = new Image();  dg3.src = imgPath + '/dg3.gif';
var dg4 = new Image();  dg4.src = imgPath + '/dg4.gif';
var dg5 = new Image();  dg5.src = imgPath + '/dg5.gif';
var dg6 = new Image();  dg6.src = imgPath + '/dg6.gif';
var dg7 = new Image();  dg7.src = imgPath + '/dg7.gif';
var dg8 = new Image();  dg8.src = imgPath + '/dg8.gif';
var dg9 = new Image();  dg9.src = imgPath + '/dg9.gif';
var dk0 = new Image();  dk0.src = imgPath + '/dk0.gif';
var dk1 = new Image();  dk1.src = imgPath + '/dk1.gif';
var dk2 = new Image();  dk2.src = imgPath + '/dk2.gif';
var dk3 = new Image();  dk3.src = imgPath + '/dk3.gif';
var dk4 = new Image();  dk4.src = imgPath + '/dk4.gif';
var dk5 = new Image();  dk5.src = imgPath + '/dk5.gif';
var dk6 = new Image();  dk6.src = imgPath + '/dk6.gif';
var dk7 = new Image();  dk7.src = imgPath + '/dk7.gif';
var dk8 = new Image();  dk8.src = imgPath + '/dk8.gif';
var dk9 = new Image();  dk9.src = imgPath + '/dk9.gif';

function viewTime() {
  var d = new Date();
  var weekday = d.getDay();
  var day = d.getDate() + 100;
  var month = d.getMonth() + 101;
  var year = d.getYear();
  if(year < 1900) year += 1900;
  var date = '' + day + month + year;

document.wd.src = imgPath + '/wd' + weekday + '.gif';
  document.d1.src = imgPath + '/dk' + date.substr(1, 1) + '.gif';
  document.d2.src = imgPath + '/dk' + date.substr(2, 1) + '.gif';
  document.m1.src = imgPath + '/dk' + date.substr(4, 1) + '.gif';
  document.m2.src = imgPath + '/dk' + date.substr(5, 1) + '.gif';
  document.y1.src = imgPath + '/dk' + date.substr(6, 1) + '.gif';
  document.y2.src = imgPath + '/dk' + date.substr(7, 1) + '.gif';
  document.y3.src = imgPath + '/dk' + date.substr(8, 1) + '.gif';
  document.y4.src = imgPath + '/dk' + date.substr(9, 1) + '.gif';

var hr = d.getHours() + 100;
  var mn = d.getMinutes() + 100;
  var se = d.getSeconds() + 100;
  var time = '' + hr + mn + se;

document.hr1.src = imgPath + '/dg' + time.substr(1, 1) + '.gif';
  document.hr2.src = imgPath + '/dg' + time.substr(2, 1) + '.gif';
  document.mn1.src = imgPath + '/dg' + time.substr(4, 1) + '.gif';
  document.mn2.src = imgPath + '/dg' + time.substr(5, 1) + '.gif';
  document.se1.src = imgPath + '/dk' + time.substr(7, 1) + '.gif';
  document.se2.src = imgPath + '/dk' + time.substr(8, 1) + '.gif';
}

var interval = setInterval('viewTime()', 1000);
</script>

fcol='000066';//çerçeve rengi.
sCol='888888';//saniye rengi.
mCol='000066';//dakika rengi.
hCol='000066';//saat rengi.
ClockHeight=40;
ClockWidth=40;
ClockFromMouseY=80;
ClockFromMouseX=0;

H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
msg='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.5;
ns=(document.layers);
ie=(document.all);
msg=msg.split(' ');
n=msg.length; 
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fcol+">";
Split=360/n;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
y=new Array();
x=new Array();
Y=new Array();
X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+msg[i]+'</font></div>');
document.write('</div></div>');

<script type="text/javascript">
// <![CDATA[
var colour="#639";
/****************************
*    Digital Clock Effect   *
*(c)2005-6 mf2fm web-design *
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var clok;
var cpos=0;
var newx=xmo=400;
var newy=ymo=300;
window.onload=function() { if (document.getElementById) {
  clok=document.createElement("div");
  clok.style.position="absolute";
  clok.appendChild(createDigit("dig0"));
  clok.appendChild(createDigit("dig1"));
  clok.appendChild(createColon());
  clok.appendChild(createDigit("dig2"));
  clok.appendChild(createDigit("dig3"));
  clok.appendChild(createColon("ms"));
  clok.appendChild(createDigit("dig4"));
  clok.appendChild(createDigit("dig5"));
  document.body.appendChild(clok);
  tick();
}}
var digit=new Array(247, 146, 221, 219, 186, 235, 239, 210, 255, 251);
function tick() {
  var now=new Date();
  var t=Math.floor(now.getTime()/500)%2;
  var i, j, k;
  var won=oo(now.getHours())+oo(now.getMinutes())+oo(now.getSeconds());
  for (i=0; i<6; i++) for (j=0; j<7; j++) {
	k=digit[won.substring(i, i+1)].toString(2).substring(j+1, j+2);
	document.getElementById("dig"+i+j).style.backgroundColor=(k==1)?colour:"transparent";
  }
  document.getElementById("mstop").style.backgroundColor=(t)?"transparent":colour;
  document.getElementById("msbot").style.backgroundColor=(t)?"transparent":colour;
  xmo+=Math.floor((newx-xmo)/4);
  clok.style.left=(xmo-40)+"px";
  ymo+=Math.floor((newy-ymo)/4);
  clok.style.top=(ymo-20)+"px";
  setTimeout("tick()", 40);
}
document.onmousemove=mouse;
function mouse(e) {
  newy=(e)?e.pageY:event.y+scro();
  newx=(e)?e.pageX:event.x;
}
function scro() {
  var scro=0;
  if (document.body.scrollTop) scro=document.body.scrollTop;
  else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop;
  return (scro);
}
function oo(o) { return(((o<10)?"0"+o:o).toString()); }
function createDigit(id) {
  var odiv=createDiv(0, cpos, 18, 10, false);
  cpos+=12;
  odiv.appendChild(createDiv(0, 1, 2, 8, id+"0"));
  odiv.appendChild(createDiv(1, 0, 8, 2, id+"1"));
  odiv.appendChild(createDiv(1, 8, 8, 2, id+"2"));
  odiv.appendChild(createDiv(8, 1, 2, 8, id+"3"));
  odiv.appendChild(createDiv(9, 0, 8, 2, id+"4"));
  odiv.appendChild(createDiv(9, 8, 8, 2, id+"5"));
  odiv.appendChild(createDiv(16, 1, 2, 8, id+"6"));
  return (odiv);
}
function createColon(id) {
  var odiv=createDiv(0, cpos, 18, 2, false);
  cpos+=4;
  var dot1=createDiv(4, 0, 3, 2, (id)?id+"top":false);
  dot1.style.backgroundColor=colour;
  odiv.appendChild(dot1);
  var dot2=createDiv(11, 0, 3, 2, (id)?id+"bot":false);
  dot2.style.backgroundColor=colour;
  odiv.appendChild(dot2);
  return (odiv);
}
function createDiv(top, left, height, width, id) {
  var div=document.createElement("div");
  div.style.position="absolute";
  div.style.top=top+"px";
  div.style.left=left+"px";
  div.style.height=height+"px";
  div.style.width=width+"px";
  div.style.overflow="hidden";
  if (id) div.setAttribute("id", id);
  return (div);
}
// ]]>
</script>

<div align="center">
<form name="where">
<select style="background-color=lightgreen; color=#000066;" name="city" size="1" onchange="updateclock(this);"> 
<option value="" selected>Yerel saat</option>
<option value="0">London GMT</option> 
<option value="1">Rome</option>
<option value="7">Bangkok</option>
<option value="8">Hong Kong</option>
<option value="9">Tokyo</option> 
<option value="10">Sydney</option>
<option value="12">Fiji</option>
<option value="-10">Hawaii</option>
<option value="-8">San Francisco</option> 
<option value="-5">New York</option>
<option value="-3">Buenos Aires</option>
</select><br><br>
<script language="JavaScript">

/*Drop Down World Clock-Portions of code by Kurt @ http://www.btinternet.com/~kurt.grigg/javascript*/

if (document.all||document.getElementById)
document.write('<span id="worldclock" style="font:bold 16px Arial;" ></span><br>')

zone=0;
isitlocal=true;
ampm='';

function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}

function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);
hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
ampm = (hr > 11)?"PM":"AM";
statusampm = ampm.toLowerCase();

hr2 = hr;
if (hr2 == 0) hr2=12;
(hr2 < 13)?hr2:hr2 %= 12;
if (hr2<10) hr2="0"+hr2

var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;

if (document.all)
worldclock.innerHTML=finaltime
else if (document.getElementById)
document.getElementById("worldclock").innerHTML=finaltime
else if (document.layers){
document.worldclockns.document.worldclockns2.document.write(finaltime)
document.worldclockns.document.worldclockns2.document.close()
}

setTimeout('WorldClock()',1000);
}

window.onload=WorldClock
//-->
</script>

<ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer>
</form>
</div>

fCol='green';//face colour.
dCol='red';//dot colour.
hCol='000000';//hours colour.
mCol='000000';//minutes colour.
sCol='7788ff';//seconds colour.
ClockHeight=35;
ClockWidth=35;
ClockFromMouseY=80;
ClockFromMouseX=5;

//Alter nothing below! Alignments will be lost!
ns=(document.layers);
ie=(document.all);
h=3;
m=4;
s=5;
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 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;
//-->
</script>

dCol='000066';//date colour. // tarih rengi
fCol='gray';//face colour.    // rakam rengi
sCol='black';//seconds colour. //saniye rengi
mCol='black';//minutes colour. //dakika(yelkovan) rengi
hCol='black';//hours colour.  //saat(akrep) rengi
cCol='red';//centre point colour. //merkez noktası rengi

ClockHeight=43;
ClockWidth=43;

d=new Array("PAZAR","PAZARTESİ","SALI","ÇARŞAMBA","PERŞEMBE","CUMA","CUMARTESİ");
m=new Array("OCAK","ŞUBAT","MART","NİSAN","MAYIS","HAZİRAN","TEMMUZ","AĞUSTOS","EYLÜL","EKİM","KASIM","ARALIK");

date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900; 
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');

H=3;
M=4;
S=5;

Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';//Best found for this script.
size=1;

var n4=(document.layers);
var n6=(document.getElementById&&!document.all);
var ie=(document.all);
var O=(navigator.appName.indexOf("Opera") != -1)?true:false;
var _d=(n4||ie)?'document.':'document.getElementById("';
var _a=(n4||n6)?'':'all.';
var _n6r=(n6)?'")':'';
var _s=(n4)?'':'.style';

Face=Face.split(' ');
n=Face.length; 
a=size*10;

props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=6;
HandX=6;
scrll=0;
Y=0;
X=0;

if (n4){
for (i=0; i < D.length; i++)
document.write('<layer name="Date'+i+'" top=0 left=0 height=15 width=15><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="Face'+i+'" top=0 left=0 height=15 width=15><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S; i++)
document.write('<layer name=Seconds'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
for (i=0; i < M; i++)
document.write('<layer name=Minutes'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
for (i=0; i < H; i++)
document.write('<layer name=Hours'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
}
else{
for (i=0; i < D.length; i++)
document.write('<div id="Date'+i+'" style="position:absolute;top:0px;left:0;width:15px;height:15px;text-align:center">'+props2+D[i]+'</B></font></div>');
for (i=0; i < n; i++)
document.write('<div id="Face'+i+'" style="position:absolute;top:0px;left:0;width:15px;height:15px;text-align:center">'+props+Face[i]+'</B></font></div>');
for (i=0; i < H; i++)
document.write('<div id="Hours'+i+'" style="position:absolute;top:0px;left:0;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
for (i=0; i < M; i++)
document.write('<div id="Minutes'+i+'" style="position:absolute;top:0px;left:0;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
for (i=0; i < S; i++)
document.write('<div id="Seconds'+i+'" style="position:absolute;top:0px;left:0;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
}

(n4)?document.layers["Seconds"+0].bgColor=cCol:document.getElementById("Seconds"+0).style.background=cCol;

function ClockAndAssign(){
if (n4||n6||O){
Y=window.pageYOffset+window.innerHeight-90;
X=window.pageXOffset+window.innerWidth-100;
}
if (ie){
Y=document.body.scrollTop+window.document.body.clientHeight-400;
X=document.body.scrollLeft+window.document.body.clientWidth-400;
}
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;

for (i=0; i < n; i++){
 var F=eval(_d+_a+"Face"+i+_n6r+_s);
 F.top=Y + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180);
 F.left=X + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
 }
for (i=0; i < H; i++){
 var HL=eval(_d+_a+"Hours"+i+_n6r+_s);
 HL.top=Y+HandY+(i*HandHeight)*Math.sin(hrs);
 HL.left=X+HandX+(i*HandWidth)*Math.cos(hrs);
 }
for (i=0; i < M; i++){
 var ML=eval(_d+_a+"Minutes"+i+_n6r+_s);
 ML.top=Y+HandY+(i*HandHeight)*Math.sin(min);
 ML.left=X+HandX+(i*HandWidth)*Math.cos(min);
 }
for (i=0; i < S; i++){
 var SL=eval(_d+_a+"Seconds"+i+_n6r+_s);
 SL.top=Y+HandY+(i*HandHeight)*Math.sin(sec);
 SL.left=X+HandX+(i*HandWidth)*Math.cos(sec);
 }
for (i=0; i < D.length; i++){        
 var DL=eval(_d+_a+"Date"+i+_n6r+_s);
 DL.top=Y + ClockHeight*1.5*Math.sin(-sec+i*Dsplit*Math.PI/180);
 DL.left=X + ClockWidth*1.5*Math.cos(-sec+i*Dsplit*Math.PI/180); 
 }
setTimeout('ClockAndAssign()',50);
}
if (n4||ie||n6||O)window.onload=ClockAndAssign;
//-->
</script>

</SCRIPT>

Alarmlı saat

Digital saat

Mouseyi takip eden saat

Mouseyi takip eden saat 2

Digital saat 2

Dünya saatleri

Yeşil saat

Tarihli saat

Selamlayan saat

Basit bir saat

Buton saat

Tarih

Flash saat

Flash saat 2

Flash saat 3

Flash saat 4

Flash saat 5

Flash saat 6