@TEŞ - JavaScript Saat Takvim

Alarmlı Saat Belirlediiniz müziği istediğiniz saatte çalarak sizi uyaran bir script.

 <SCRIPT LANGUAGE="JavaScript">
<!-- Original:  John Caranta (caranta@netzero.net) -->

<!-- Begin
var alarmTime;
var curTime;
var check = new Date();
var hourNum;
var minNum;
function GetTime() {
var dt = new Date();
document.clock.local.value = IfZero(dt.getHours()) + ":" + IfZero(dt.getMinutes());
setTimeout("GetTime()", 1000);
curTime = (IfZero(dt.getHours()) + ":" + IfZero(dt.getMinutes()));
}
function IfZero(num) {
return ((num <= 9) ? ("0" + num) : num);
}
function alarmSet() {
hourNum = document.clock.hourOpt[document.clock.hourOpt.selectedIndex].value;
minNum = document.clock.minOpt[document.clock.minOpt.selectedIndex].value;
alarmTime = hourNum + ":" + minNum;
}
function alarmOn() {
if (alarmTime == curTime) {
document.all.sound.src = document.clock.alarmSound.value;
}
else {
setTimeout("alarmOn()", 1000)
   }
}
function alarmOff() {
document.all.sound.src = "";
alarmTime="";
}
function snooze() {
document.all.sound.src = "";
var snoozeL = parseInt(document.clock.snoozeOpt[document.clock.snoozeOpt.selectedIndex].value);
var snooze = new Date();
alarmTime = IfZero(snooze.getHours()) + ":" + IfZero(snooze.getMinutes() + snoozeL);
alarmOn();
}
//  End -->
</script>
<bgSound src="" id="sound">

 <table width=100% border=1>
<tr>
<td align=middle>
<form name="clock">
<input size="8" name="local">
<input type=radio name=alarmOnOff onClick_fckprotectedatt=" onClick="alarmOn()"">On
<input type=radio name=alarmOnOff onClick_fckprotectedatt=" onClick="alarmOff()"" checked>Off
<td align=middle>
Alarm:
<br>
<select name=hourOpt onChange_fckprotectedatt=" onChange="alarmSet()"" size=1>
<option value="00">00<option value="01">01<option value="02">02<option value="03">03
<option value="04">04<option value="05">05<option value="06">06<option value="07">07
<option value="08">08<option value="09">09<option value="10">10<option value="11">11
<option selected value="12">12
<option value="13">13<option value="14">14<option value="15">15<option value="16">16
<option value="17">17<option value="18">18<option value="19">19<option value="20">20
<option value="21">21<option value="22">22<option value="23">23
</option>
</select>
<select name=minOpt onChange_fckprotectedatt=" onChange="alarmSet()"" size=1>
<option selected value="00">00<option value="01">01<option value="02">02<option value="03">03
<option value="04">04<option value="05">05<option value="06">06<option value="07">07
<option value="08">08<option value="09">09<option value="10">10<option value="11">11
<option value="12">12<option value="13">13<option value="14">14<option value="15">15
<option value="16">16<option value="17">17<option value="18">18<option value="19">19
<option value="20">20<option value="21">21<option value="22">22<option value="23">23
<option value="24">24<option value="25">25<option value="26">26<option value="27">27
<option value="28">28<option value="29">29<option value="30">30<option value="31">31
<option value="32">32<option value="33">33<option value="34">34<option value="35">35
<option value="36">36<option value="37">37<option value="38">38<option value="39">39
<option value="40">40<option value="41">41<option value="42">42<option value="43">43
<option value="44">44<option value="45">45<option value="46">46<option value="47">47
<option value="48">48<option value="49">49<option value="50">50<option value="51">51
<option value="52">52<option value="53">53<option value="54">54<option value="55">55
<option value="56">56<option value="57">57<option value="58">58<option value="59">59
</option>
</select>
<tr>
<td align=middle>
Alarm Müziği Seç:
<br>
<input type=file size=4 name=alarmSound>
<td align=middle>
Çalma Arası:
<br>
<select NAME=snoozeOpt size=1 onChange_fckprotectedatt=" onChange="snooze()"">
<option value="1">1<option value="2">2<option value="3">3<option value="4">4
<option value="5">5<option value="6">6<option value="7">7<option value="8">8
<option value="9" selected>9
</option>
</select>
</form>
</td>
</tr>
</table>

Dünya Saatleri Dünyadaki değişik merkezlerin yerel saatkeri aynı sayfada.

 <SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Emanuel Gavrilv (eltal@sprint.ca) -->
<!-- Web Site:  http://www.angelfire.com/on/eltal -->

<!-- Begin
function GetTime() { 
var dt = new Date();
var def = dt.getTimezoneOffset()/60;
var gmt = (dt.getHours() + def);
document.clock.local.value = (IfZero(dt.getHours()) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero

(dt.getSeconds()));
var ending = ":" + IfZero(dt.getMinutes()) + ":" +  IfZero(dt.getSeconds());
var rome =check24(((gmt + 1) > 24) ? ((gmt + 1) - 24) : (gmt + 1));
document.clock.rome.value = (IfZero(rome) + ending);
var isr =check24(((gmt + 2) > 24) ? ((gmt + 2) - 24) : (gmt + 2));
document.clock.Palestine.value = (IfZero(isr) + ending);
var msw =check24(((gmt + 3) > 24) ? ((gmt + 3) - 24) : (gmt + 3));
document.clock.msw.value = (IfZero(msw) + ending);
var baku =check24(((gmt + 4) > 24) ? ((gmt + 4) - 24) : (gmt + 4));
document.clock.baku.value = (IfZero(baku) + ending);
var del =check24(((gmt + 5) > 24) ? ((gmt + 5) - 24) : (gmt + 5));
document.clock.del.value = (IfZero(del) + ending);
var dh =check24(((gmt + 6) > 24) ? ((gmt + 6) - 24) : (gmt + 6));
document.clock.dh.value = (IfZero(dh) + ending);
var kok =check24(((gmt +7 ) > 24) ? ((gmt +7 ) - 24) : (gmt + 7));
document.clock.kok.value = (IfZero(kok) + ending);
var ho =check24(((gmt + <img src="//theme.webme.com/smiles/cool.gif" border="0" width="15" height="15" alt="" /> > 24) ? ((gmt + <img src="//theme.webme.com/smiles/cool.gif" border="0" width="15" height="15" alt="" /> - 24) : (gmt + <img src="//theme.webme.com/smiles/cool.gif" border="0" width="15" height="15" alt="" />);
document.clock.ho.value = (IfZero(ho) + ending);
var tky =check24(((gmt + 9) > 24) ? ((gmt + 9) - 24) : (gmt + 9));
document.clock.tky.value = (IfZero(tky) + ending);
var sdn =check24(((gmt + 10) > 24) ? ((gmt + 10) - 24) : (gmt + 10));
document.clock.sdn.value = (IfZero(sdn) + ending);
var mag =check24(((gmt + 11) > 24) ? ((gmt + 11) - 24) : (gmt + 11));
document.clock.mag.value = (IfZero(mag) + ending);
var wll =check24(((gmt + 12) > 24) ? ((gmt + 12) - 24) : (gmt + 12));
document.clock.wll.value = (IfZero(wll) + ending);

var _GMT =check24(((gmt) > 24) ? ((gmt) - 24) : (gmt));

document.clock._GMT.value = (IfZero(_GMT) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero

(dt.getSeconds()));
var eniw =check24(((gmt + (24-12)) > 24) ? ((gmt + (24-12)) - 24) : (gmt + (24-12)));
document.clock.eniw.value = (IfZero(eniw) + ending);
var sam =check24(((gmt + (24-11)) > 24) ? ((gmt + (24-11)) - 24) : (gmt + (24-11)));
document.clock.sam.value = (IfZero(sam) + ending);
var haw =check24(((gmt + (24-10)) > 24) ? ((gmt + (24-10)) - 24) : (gmt + (24-10)));
document.clock.Hawaii.value = (IfZero(haw) + ending);
var ala =check24(((gmt + (24-9)) > 24) ? ((gmt + (24-9)) - 24) : (gmt + (24-9)));
document.clock.alaska.value = (IfZero(ala) + ending);
var pacif =check24(((gmt + (24-8)) >= 24) ? ((gmt + (24-8)) - 24) : (gmt + (24-8)));
document.clock.pacif.value = (IfZero(pacif) + ending);
var mount =check24(((gmt + (24-7)) > 24) ? ((gmt + (24-7)) - 24) : (gmt + (24-7)));
document.clock.mount.value = (IfZero(mount) + ending);
var center =check24(((gmt + (24-6)) > 24) ? ((gmt + (24-6)) - 24) : (gmt + (24-6)));
document.clock.center.value = (IfZero(center) + ending);
var east =check24(((gmt + (24-5)) > 24) ? ((gmt + (24-5)) - 24) : (gmt + (24-5)));
document.clock.east.value = (IfZero(east) + ending);
var atl =check24(((gmt + (24-4)) > 24) ? ((gmt + (24-4)) - 24) : (gmt + (24-4)));
document.clock.atl.value = (IfZero(atl) + ending);
var bra =check24(((gmt + (24-3)) > 24) ? ((gmt + (24-3)) - 24) : (gmt + (24-3)));
bra = (bra >= 24) ? bra - 24 : bra;
document.clock.bra.value = (IfZero(bra) + ending);
var mid =check24(((gmt + (24-2)) > 24) ? ((gmt + (24-2)) - 24) : (gmt + (24-2)));
mid = (mid >= 24) ? mid - 24 : mid;
document.clock.mid.value = (IfZero(mid) + ending);
var azo =check24(((gmt + (24-1)) > 24) ? ((gmt + (24-1)) - 24) : (gmt + (24-1)));
azo = (azo >= 24) ? azo - 24 : azo;
document.clock.azo.value = (IfZero(azo) + ending);
setTimeout("GetTime()", 1000);
}
function IfZero(num) {
return ((num <= 9) ? ("0" + num) : num);
}
function check24(hour) {
return (hour >= 24) ? hour - 24 : hour;
}
//  End -->
</script>

 <form name="clock">
<strong>Yerel Saat <input type="text" size="8" name="local"></strong>
<p>
Eniwetok (GMT-12)  <input type="text" size="8" name="eniw"><br>
Samoa (GMT-11)  <input type="text" size="8" name="sam"><br>
Hawaii (GMT-10)  <input type="text" size="8" name="Hawaii">
<p>
Alaska (GMT-9)  <input type="text" size="8" name="alaska"><br>
Pacific Time (GMT-8)  <input type="text" size="8" name="pacif"><br>
Mountain Time (GMT-7)  <input type="text" size="8" name="mount">
<p>
Central Time (GMT-6)  <input type="text" size="8" name="center"><br>
Eastern Time (GMT-5)  <input type="text" size="8" name="east"><br>
Atlantic Time (GMT-4)  <input type="text" size="8" name="atl">
<p>
Brazilia (GMT-3)  <input type="text" size="8" name="bra"><br>
Mid-Atlantic (GMT-2)  <input type="text" size="8" name="mid"><br>
Azores (GMT-1)  <input type="text" size="8" name="azo">
<p>
<strong>Greenwich Yerel Saati (GMT)  <input type="text" size="8" name="_GMT"></strong>
<p>
Roma (GMT +1)  <input type="text" size="8" name="rome"><br>
Filistin (GMT +2)  <input type="text" size="8" name="Palestine"><br>
Moscova (GMT +3)  <input type="text" size="8" name="msw">
<p>
Bakü (GMT +4)  <input type="text" size="8" name="baku"><br>
Yeni Delhi (GMT +5)  <input type="text" size="8" name="del"><br>
Dakar (GMT +6)  <input type="text" size="8" name="dh">
<p>
Bangkok (GMT +7)  <input type="text" size="8" name="kok"><br>
Hong Kong (GMT +8)  <input type="text" size="8" name="ho"><br>
Tokyo (GMT +9)  <input type="text" size="8" name="tky">
<p>
Sidney (GMT +10)  <input type="text" size="8" name="sdn"><br>
Magadan (GMT +11)  <input type="text" size="8" name="mag"><br>
Wellington (GMT +12)  <input type="text" size="8" name="wll">
</form>

Kaç Gün Kaldı Bu scipt ziyaretçiye, sizin belirlediğiniz bir güne ne kadar kaldığını bildiriyor.

 <SCRIPT LANGUAGE="JavaScript">  

<!--  

var now = new Date();  

var then = new Date("January 1, 2002");  

var left = then.getTime() - now.getTime();  

var days = Math.floor(left / (1000 * 60 * 60 * 24));  

// var hours = Math.floor(left / (1000 * 60 * 60));  

// var minutes = Math.floor(left / (1000 * 60));  

// var seconds = Math.floor(left / 1000);  

if (days > 1)  

document.write("2004 yılına " + days + " gün kaldı!")  

else if (days == 1)  

document.write("2004 yılına bir gün kaldı!")  

else if (days == 0)  

document.write("2004 yılına bir günden az kaldı!")  

else // days < 0  

document.write("2004 yılındayız.Mutlu yıllar. ");  

// -->  

</SCRIPT>

Saat-1 Sayfanızın sağ alt köşesinde bir saat isteyenler bu scripti denemeli. Ziyaretçi sayfanın aşşağılarına gitse bile saat sağ alt köşede kalıyor.

 <SCRIPT LANGUAGE="JavaScript">  

<!--  

var now = new Date();  

var then = new Date("January 1, 2002");  

var left = then.getTime() - now.getTime();  

var days = Math.floor(left / (1000 * 60 * 60 * 24));  

// var hours = Math.floor(left / (1000 * 60 * 60));  

// var minutes = Math.floor(left / (1000 * 60));  

// var seconds = Math.floor(left / 1000);  

if (days > 1)  

document.write("2004 yılına " + days + " gün kaldı!")  

else if (days == 1)  

document.write("2004 yılına bir gün kaldı!")  

else if (days == 0)  

document.write("2004 yılına bir günden az kaldı!")  

else // days < 0  

document.write("2004 yılındayız.Mutlu yıllar. ");  

// -->  

</SCRIPT>

Saat-2 Bu script ile mousenuzun peşi sıra gelen bir saat oluşturabilirsiniz.

 <script language="JavaScript">

<!-- Silly Clock 3 by Kurt Grigg http://website.lineone.net/~kurt.grigg/javascript

dCol='ffffff';//date colour.

fCol='ffffff';//face colour.

sCol='00ff00';//seconds colour.

mCol='0000ff';//minutes colour.

hCol='ff0000';//hours colour.

ClockHeight=40;

ClockWidth=40;

ClockFromMouseY=0;

ClockFromMouseX=100;

 

//Alter nothing below! Alignments will be lost!

 

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='...';

H=H.split('');

M='....';

M=M.split('');

S='.....';

S=S.split('');

Face='1 2 3 4 5 6 7 8 9 10 11 12';

font='Arial';

size=1;

speed=0.6;

ns=(document.layers);

ie=(document.all);

Face=Face.split(' ');

n=Face.length; 

a=size*10;

ymouse=0;

xmouse=0;

scrll=0;

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=-7;

HandX=-2.5;

scrll=0;

step=0.06;

currStep=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}

Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();

for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}

if (ns){

for (i=0; i < D.length; i++)

document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D

[i]+'</font></center></layer>');

for (i=0; i < n; i++)

document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' 

width='+a+'><center>'+props+Face[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="Od" style="position:absolute;top:0px;left:0px"><div 

style="position:relative">');

for (i=0; i < D.length; i++)

document.write('<div id="ieDate" 

style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]

+'</B></font></div>');

document.write('</div></div>');

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+Face[i]

+'</B></font></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.length; i++)

document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-

family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</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.length; i++)

document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-

family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</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.length; i++)

document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-

family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</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){

Od.style.top=window.document.body.scrollTop;

Of.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 < n; i++){

 var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; 

 F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;

 F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);

 }

for (i=0; i < H.length; i++){

 var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;

 HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;

 HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);

 }

for (i=0; i < M.length; i++){

 var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;

 ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;

 ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);

 }

for (i=0; i < S.length; i++){

 var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;

 SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;

 SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);

 }

for (i=0; i < D.length; i++){

 var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; 

 DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;

 DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);

 }

currStep-=step;

}

function Delay(){

scrll=(ns)?window.pageYOffset:0;

Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);

Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);

for (i=1; i < D.length; i++){

Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);

Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);

}

y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);

x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);

for (i=1; i < n; 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>

Saat-3 Ziyaretçi sayfanın altlarına gitse bile hep sağalt köşede kalan bir başka saat scripti.

 <script language="JavaScript">

<!-- Standard Scroll Clock by kurt.grigg@virgin.net

 

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>

Saat-4 Ziyaretçi sayfanın altlarına gitse bile hep sağalt köşede kalan bir başka saat scripti.

 <script language="JavaScript">

<!--  Clock by kurt.grigg@virgin.net

 

civCol='#777770'; //12 colour.

dotCol='#777770'; //dot colour.

hCol='#fffff0';   //hours colour.

mCol='#fffff0';   //minutes colour.

sCol='#00ff00';   //seconds colour.

ampmCol='#444440';//am-pm colour.

 

//Alter nothing below! Alignments will be lost!

ns=(document.layers);

ns6=(document.getElementById&&!document.all);

ie=(document.all);

h=3;

m=4;

s=5;

civ='1 2 3 4 5 6 7 8 9 10 11 12';

civ=civ.split(' ');

n=civ.length;

ClockHeight=30;

ClockWidth=30;

f12="<font face='Arial' size=1 color="+civCol+">";

e=360/n;

HandHeight=ClockHeight/4;

HandWidth=ClockWidth/4;

y=0;

x=0;

if (!ns)

document.write("<div id='disp' style='position:absolute;width:50px;height:20px;text-align:center'> 

</div>");

else

document.write("<layer name=disp top=0 left=0></layer>");

for (i=0; i < n; i++){

if (!ns)

document.write('<div id="Civ'+i+'" style="position:absolute;width:15px;height:15px;text-

align:center;color:#0000dd">'+f12+civ[i]+'</font></div>');

else

document.write('<layer name="Civ'+i+'" width=15 height=15><center>'+f12+civ[i]

+'</font></center></layer>');

}

for (i=0; i < n; i++){

if (!ns)

document.write('<div id="D'+i+'" style="position:absolute;width:2px;height:2px;font-

size:2px;background:'+dotCol+'"></div>');

else

document.write('<layer name="D'+i+'" bgcolor='+dotCol+' width=2 height=2></layer>');

}

for (i=0; i < h; i++){

if (!ns)

document.write('<div id="H'+i+'" style="position:absolute;width:2px;height:2px;font-

size:2px;background:'+hCol+'"></div>');

else

document.write('<layer name="H'+i+'" bgcolor='+hCol+' width=2 height=2></layer>');

}

for (i=0; i < m; i++){

if (!ns)

document.write('<div id="M'+i+'" style="position:absolute;width:2px;height:2px;font-

size:2px;background:'+mCol+'"></div>');

else

document.write('<layer name="M'+i+'" bgcolor='+mCol+' width=2 height=2></layer>');

}

for (i=0; i < s; i++){

if (!ns)

document.write('<div id="S'+i+'" style="position:absolute;width:2px;height:2px;font-

size:2px;background:'+sCol+'"></div>');

else

document.write('<layer name="S'+i+'" bgcolor='+sCol+' width=2 height=2></layer>');

}

function ClockAndAssign(){

var _d=(ns||ie)?'document.':'document.getElementById("';

var _a=(ns||ns6)?'':'all.';

var _n6r=(ns6)?'")':'';

var _s=(ns)?'':'.style';

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;

ampm=(hr>11)?"PM":"AM";

y=(ie)?document.body.scrollTop+window.document.body.clientHeight-

ClockHeight*2:window.pageYOffset+window.innerHeight-ClockHeight*2;

x=(ie)?document.body.scrollLeft+window.document.body.clientWidth-

ClockWidth*2:window.pageXOffset+window.innerWidth-ClockWidth*2.4;

var Dsp=eval(_d+_a+"disp"+_n6r+_s);Dsp.top=y-17;Dsp.left=x-24;

for (i=0; i < s; i++){var d1=eval(_d+_a+"S"+i+_n6r+_s);d1.top=

y+(i*HandHeight)*Math.sin(sec);d1.left=x+(i*HandWidth)*Math.cos(sec)}

for (i=0; i < m; i++){var d2=eval(_d+_a+"M"+i+_n6r+_s);d2.top=

y+(i*HandHeight)*Math.sin(min);d2.left=x+(i*HandWidth)*Math.cos(min)}

for (i=0; i < h; i++){var d3=eval(_d+_a+"H"+i+_n6r+_s);d3.top=

y+(i*HandHeight)*Math.sin(hrs);d3.left=x+(i*HandWidth)*Math.cos(hrs)}

for (i=0; i < n; i++){var d4=eval(_d+_a+"D"+i+_n6r+_s);d4.top=y+ ClockHeight*Math.sin(-

1.0471+i*e*Math.PI/180);d4.left=x+ ClockWidth*Math.cos(-1.0471+i*e*Math.PI/180)}

for (i=0; i < n; i++){var d5=eval(_d+_a+"Civ"+i+_n6r+_s);d5.top=y-6+ClockHeight*1.4*Math.sin(-

1.0471+i*e*Math.PI/180);d5.left=x-6+ClockWidth*1.4*Math.cos(-1.0471+i*e*Math.PI/180)}

setTimeout('ClockAndAssign()',100);

if (ie)disp.innerHTML='<font face=Arial size=6 color='+ampmCol+'>'+ampm+'</font>';

if (ns){

document.disp.document.open();

document.disp.document.write('<font face=Arial size=6 color='+ampmCol+'>'+ampm+'</font>');

document.disp.document.close();

}

}

function aorp(){

if (ns6)

document.getElementById("disp").innerHTML='<font face=Arial size=6 

color='+ampmCol+'>'+ampm+'</font>';

setTimeout('aorp()',60000);

}

ClockAndAssign();

if (ns6)aorp();

//-->

</script>

Saat-5 Bu seferki saat scripti mouseu takip ediyor.

 <script language="JavaScript">

<!-- Silly Clock by kurt.grigg@virgin.net

 

CoLoUrS=new Array('fff000','00ff00','ff00ff');//Clock face colours.

sCol='ff00ff';//seconds colour.

mCol='00ff00';//minutes colour.

hCol='fff000';//hours colour.

 

//Alter nothing below!

H='Saat..';

H=H.split('');

H=H.reverse();

M='Dakika..';

M=M.split('');

M=M.reverse();

S='Saniye..';

S=S.split('');

S=S.reverse();

dots=12;

var Ypos=0,Xpos=0,Ybase=0,Xbase=0;

var ay=0,ax=0,Ay=0,Ax=0,by=0,bx=0,By=0,Bx=0,cy=0,cx=0,

Cy=0,Cx=0,dy=0,dx=0,Dy=0,Dx=0;

count=0;

count_a=0;

move=1;

ns=(document.layers)?1:0;

viz=(document.layers)?'hide':'hidden';

if (ns){

for (i=0; i < dots; i++)

document.write('<layer name=nface'+i+' top=0 left=0 bgcolor=#ffffff clip="0,0,3,3"></layer>');

for (i=0; i < S.length; i++)

document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 

color='+sCol+'><center>'+S[i]+'</center></font></layer>');

for (i=0; i < M.length; i++)

document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 

color='+mCol+'><center>'+M[i]+'</center></font></layer>');

for (i=0; i < H.length; i++)

document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 

color='+hCol+'><center>'+H[i]+'</center></font></layer>');

}

else{

document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div 

style="position:relative">');

for (i=0; i < dots; i++){

document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-

size:3px;background:#ffffff"></div>');

}

document.write('</div></div>');

document.write('<div id="X" 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:36px;height:36px;font-

family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>');

}

document.write('</div></div>')

document.write('<div id="Y" 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:36px;height:36px;font-

family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>');

}

document.write('</div></div>')

document.write('<div id="Z" 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:36px;height:36px;font-

family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>');

}

document.write('</div></div>');

}

if (ns){

 window.captureEvents(Event.MOUSEMOVE);

 function nsMouse(evnt){

 Ypos = evnt.pageY+100;

 Xpos = evnt.pageX+100;

 }

 window.onMouseMove = nsMouse;

}

else{

 function ieMouse(){

 Ypos=event.y+100;

 Xpos=event.x+100;

 }

 document.onmousemove=ieMouse;

}

 

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.575 + Math.PI * hr/6+ Math.PI*parseInt(time.getMinutes())/360;

Ybase=15;

Xbase=15;

if (ns){

document.layers["nx"+0].visibility=viz;

document.layers["ny"+0].visibility=viz;

document.layers["nz"+0].visibility=viz;

for (i=0; i < S.length; i++){

 document.layers["nx"+i].top=ay-12+(i*Ybase)*Math.sin(sec);

 document.layers["nx"+i].left=ax-12+(i*Xbase)*Math.cos(sec);

 }

for (i=0; i < M.length; i++){

 document.layers["ny"+i].top=by-12+(i*Ybase)*Math.sin(min);

 document.layers["ny"+i].left=bx-12+(i*Xbase)*Math.cos(min);

 }

for (i=0; i < H.length; i++){

 document.layers["nz"+i].top=cy-12+(i*Ybase)*Math.sin(hrs);

 document.layers["nz"+i].left=cx-12+(i*Xbase)*Math.cos(hrs);

 }

for (i=0; i < dots; ++i){

 document.layers["nface"+i].top=dy-2+(70*Math.sin(-0.49+dots+i/1.9));

 document.layers["nface"+i].left=dx+4+(70*Math.cos(-0.49+dots+i/1.9));

 }

}

else{

var scrll=document.body.scrollTop;

W.style.pixelTop=scrll;

X.style.pixelTop=scrll;

Y.style.pixelTop=scrll;

Z.style.pixelTop=scrll;

x[0].style.visibility=viz;

y[0].style.visibility=viz;

z[0].style.visibility=viz;

for (i=0; i < S.length; i++){

 x[i].style.pixelTop=ay-12+(i*Ybase)*Math.sin(sec);

 x[i].style.pixelLeft=ax-12+(i*Xbase)*Math.cos(sec);

 }

for (i=0; i < M.length; i++){

 y[i].style.pixelTop=by-12+(i*Ybase)*Math.sin(min);

 y[i].style.pixelLeft=bx-12+(i*Xbase)*Math.cos(min);

 }

for (i=0; i < H.length; i++){

 z[i].style.pixelTop=cy-12+(i*Ybase)*Math.sin(hrs);

 z[i].style.pixelLeft=cx-12+(i*Xbase)*Math.cos(hrs);

 }

for (i=0; i < dots; ++i){

 face[i].style.pixelTop=dy+6+(70*Math.sin(-0.49+dots+i/1.9));

 face[i].style.pixelLeft=dx+4+(70*Math.cos(-0.49+dots+i/1.9));

 }

}

}

function MouseFollow(){

ay=Math.round(Ay+=((Ypos)-Ay)*4/15);

ax=Math.round(Ax+=((Xpos)-Ax)*4/15);

by = Math.round(By+=(ay-By)*4/15);

bx = Math.round(Bx+=(ax-Bx)*4/15);

cy = Math.round(Cy+=(by-Cy)*4/15);

cx = Math.round(Cx+=(bx-Cx)*4/15);

dy = Math.round(Dy+=(cy-Dy)*4/15);

dx = Math.round(Dx+=(cx-Dx)*4/15);

clock();

setTimeout('MouseFollow()',10);

}

function colourStep(){

count+=move;

if (count >= dots) {count=0;count_a+=move}

if (count_a == CoLoUrS.length) count_a=0;

if (ns) document.layers["nface"+count].bgColor=CoLoUrS[count_a];

else face[count].style.background=CoLoUrS[count_a];

setTimeout('colourStep()',100)

}

function StartAll(){

MouseFollow();

colourStep();

}

if (document.layers || document.all) window.onload=StartAll;

//-->

</script>

Saat-6 Bu seferki saatimizde mouse unuzun peşi sıra dolaşıyor..

 <script language="JavaScript">
<!-- Silly Clock 2 by Kurt Grigg http://website.lineone.net/~kurt.grigg/javascript

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>');

document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div 

style="position:relative">');
for (i=0; i < H.length; i++){
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-

family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</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.length; i++){
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-

family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</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.length; i++){
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-

family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</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){
Of.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 < n; i++){
 var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; 
 F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
 F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
 }
for (i=0; i < H.length; i++){
 var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
 HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
 HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
 }
for (i=0; i < M.length; i++){
 var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
 ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
 ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
 }
for (i=0; i < S.length; i++){
 var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
 SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
 SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
 }
}
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 (var i=1; i < n; 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>

Saat-7 (resimli) Bu seferki saat örneği elektronik bir saati andırıyor.

 <script language="javascript1.1">
<!--
/*By George Chiang (WA's JavaScript tutorial)
http://www.wsabstract.com
Credit MUST stay intact for use*/
var dn
c1=new Image(); c1.src="c1.gif"
c2=new Image(); c2.src="c2.gif"
c3=new Image(); c3.src="c3.gif"
c4=new Image(); c4.src="c4.gif"
c5=new Image(); c5.src="c5.gif"
c6=new Image(); c6.src="c6.gif"
c7=new Image(); c7.src="c7.gif"
c8=new Image(); c8.src="c8.gif"
c9=new Image(); c9.src="c9.gif"
c0=new Image(); c0.src="c0.gif"
cb=new Image(); cb.src="cb.gif"
cam=new Image(); cam.src="cam.gif"
cpm=new Image(); cpm.src="cpm.gif"
function extract(h,m,s,type){
if (!document.images)
return
if (h<=9){
document.images.a.src=cb.src
document.images.b.src=eval("c"+h+".src")
}
else {
document.images.a.src=eval("c"+Math.floor(h/10)+".src")
document.images.b.src=eval("c"+(h%10)+".src")
}
if (m<=9){
document.images.d.src=c0.src
document.images.e.src=eval("c"+m+".src")
}
else {
document.images.d.src=eval("c"+Math.floor(m/10)+".src")
document.images.e.src=eval("c"+(m%10)+".src")
}
if (s<=9){
document.g.src=c0.src
document.images.h.src=eval("c"+s+".src")
}
else {
document.images.g.src=eval("c"+Math.floor(s/10)+".src")
document.images.h.src=eval("c"+(s%10)+".src")
}
if (dn=="AM") document.j.src=cam.src
else document.images.j.src=cpm.src
}
function show3(){
if (!document.images)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
dn="AM" 
if ((hours>=12)&&(minutes>=1)||(hours>=13)){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
extract(hours,minutes,seconds,dn)
setTimeout("show3()",1000)
}
//-->
</script>

 <img src="cb.gif" _fcksavedurl="cb.gif" name="a" width="16" height="21"><img src="cb.gif" _fcksavedurl="cb.gif" name="b"
width="16" height="21"><img src="colon.gif" _fcksavedurl="colon.gif" name="c" width="9" height="21"><img src="cb.gif" _fcksavedurl="cb.gif"
name="d" width="16" height="21"><img src="cb.gif" _fcksavedurl="cb.gif" name="e" width="16" height="21"><img
src="colon.gif" name="f" width="9" height="21"><img src="cb.gif" _fcksavedurl="cb.gif" name="g" width="16"
height="21"><img src="cb.gif" _fcksavedurl="cb.gif" name="h" width="16" height="21"><img src="cam.gif" _fcksavedurl="cam.gif" name="j" width="16"
height="21">

Saat-8 Başka bir saat scripti.

 <span id=tick2>
</span>
<script>
 <!--

/*
Live Text Clock Script- 
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

 function show2(){
 var Digital=new Date()
 var hours=Digital.getHours()
 var minutes=Digital.getMinutes()
 var seconds=Digital.getSeconds()
 var dn="AM" 
 if (hours>12){
 dn="PM"
 hours=hours-12
 }
 if (hours==0)
 hours=12
 if (minutes<=9)
 minutes="0"+minutes
 if (seconds<=9)
 seconds="0"+seconds
 var ctime="<b><font face='Verdana' color='#8000FF'>"+hours+":"+minutes+":"+seconds+" 

"+dn+"</font></b>"
 if (!document.all)
 document.write(ctime)
 else
 tick2.innerHTML=ctime
 }
 function loadclock(){
 if (document.all)
 setInterval("show2()",1000)
 }
 if (!document.all)
 show2()
 //-->
 </script>

Saat-9 Başka bir saat scripti.

 <span id="liveclock" style="position:absolute;left:0;top:0;">
</span>
<script language="JavaScript">
<!--

/*
Upper Left Corner Live Clock Script- 
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

function show5(){
 if (!document.layers&&!document.all)
 return
 var Digital=new Date()
 var hours=Digital.getHours()
 var minutes=Digital.getMinutes()
 var seconds=Digital.getSeconds()
 var dn="AM" 
 if (hours>12){
 dn="PM"
 hours=hours-12
 }
 if (hours==0)
 hours=12
 if (minutes<=9)
 minutes="0"+minutes
 if (seconds<=9)
 seconds="0"+seconds
//change font size here to your desire
myclock="<font size='5' face='Arial' ><b><font size='1'>Saat :</font></br>"+hours+":"+minutes+":"
 +seconds+" "+dn+"</b></font>"
if (document.layers){
document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}
else if (document.all)
liveclock.innerHTML=myclock
setTimeout("show5()",1000)
 }

//-->
</script>

Saate Göre Mesaj-1 Bu script ile ziyaretçinize günün tarihini saatini verdikten sonra saate görede bir mesaj yayınlayabiliyorsunuz.

 <SCRIPT>

 

<!--  HIDE ME FROM THAT BROWSER  -- !>

 

var timerID = null

 

var timerRunning = false

 

 

 

function stopclock(){

 

    // cannot directly test timerID on DEC OSF/1 in beta 4.

 

    if(timerRunning)

 

        clearTimeout(timerID)

 

    timerRunning = false

 

}

 

 

 

function startclock(){

 

     // Make sure the clock is stopped

 

    stopclock()

 

    showtime()

 

}

 

 

 

function showtime(){

 

    var now = new Date()

 

    var hours = now.getHours()

 

    var minutes = now.getMinutes()

 

    var seconds = now.getSeconds()

 

    var month = now.getMonth()

 

    var datum = now.getDate()

 

    var year = now.getYear()

 

    var timeValue = ((hours<4)?"İYİ GECELER":(hours<10)?"GÜNAYDIN"

:((hours<12)?"İYİ GÜNLER":((hours<18)?"İYİ AKŞAMLAR":((hours<23)?

"İYİ GECELER":"İYİ GECELER"))))

 

    var timeValue2 = "SAAT: " + ((hours > 12) ? hours - 12 : hours)

 

    timeValue2 += ((minutes < 10) ? ":0" : ":") + minutes

 

    timeValue2 += ((seconds < 10) ? ":0" : ":") + seconds

 

    timeValue2 += (hours >= 12) ? " P.M." : " A.M."

 

    var timeValue3 = "TARİH " + datum + "/"

 

    timeValue3 += (((month + 1) < 10) ? "0" : "") + (month + 1)

 

//    timeValue3 += ((month=0)?"January":((month=1)?"February":((month=2)?"March"

:((month=3)?"April":((month=4)?"May":((month=5)?"June":((month=6)?

"July":((month=7)?"August":((month=8)?"September":((month=9)?"

October":((month=10)?"November":((month=11)?"December"

:(("month=12"))))))))))))

 

       timeValue3 += "/" + "'" + year

 

//    timeValue3 += ((seconds < 10) ? ":0" : ":") + seconds

 

//    timeValue3 += (hours >= 12) ? " P.M." : " A.M."

 

    

 

    document.clock.face.value = timeValue

 

    document.clock.face2.value = timeValue2

 

    document.clock.face3.value = timeValue3

 

    timerID = setTimeout("showtime()",1000)

 

    timerRunning = true

 

}

 

//-->

 

 

 

</SCRIPT>
</HEAD>
<BODY TEXT="#000080" onLoad_fckprotectedatt=" onLoad="startclock()"">
<FORM NAME="clock" onSubmit_fckprotectedatt=" onSubmit="0"">
<INPUT TYPE="text" NAME="face" SIZE=20 VALUE ="">
<INPUT TYPE="text" NAME="face2" SIZE=20 VALUE ="">
<INPUT TYPE="text" NAME="face3" SIZE=20 VALUE ="">
</FORM>
<!-- END OF SCRIPT -->

Saate Göre Mesaj-2 Ziyaretçimize saate göre mesaj veren bu script, mesajı sayfa yüklendiğinde ekrana getiriyor

 <script language="JavaScript">

 <!--

   today = new Date()

 

     if((today.getHours() >=6) && (today.getHours() <12)){

 confirm("GÜNAYDIN") //ab 6 Uhr bis 12 Uhr

 }

     if((today.getHours() >=12) && (today.getHours() <14)){

 confirm("TÜNAYDIN") //ab 12 Uhr bis 14 Uhr

 }

     if((today.getHours() >=14) && (today.getHours() <=18)){

 confirm("İYİ GÜNLER") // ab 14 Uhr bis 18 Uhr

 }

     if((today.getHours() >=18) && (today.getHours() <23)){

 confirm("İYİ AKŞAMALAR") //ab 18 Uhr bis 23 Uhr

 }

     if((today.getHours() >=0) && (today.getHours() <4)){

 confirm("İYİ GECELER") // ab 0 bis 4 Uhr

 }

     if((today.getHours() >=4) && (today.getHours() <6)){

 confirm("HAYIRDIR SABAH SABAH") // ab 4 bis 6 Uhr

 }

 //-->

 </script>

Sayfada Ne Kadar Kaldı-1 Ziyaretçinize sayfanızda ne kadar kaldığını göstermek ister misiniz?

 <table border="0">
<tr>
<td align="center"><font face="Arial"><strong>Benim sayfamda kaldığın süre:</strong></font></td>
<td align="center"><form name="d">
<p><input type="text" size="8" name="d2"></p>
</form>
</td>
<td align="center"><font face="Arial"><strong>saniye!</strong></font></td>
</tr>
</table>
<script> 

<!-- 

var milisec=0 

var seconds=0 

document.d.d2.value='0' 

function display(){ 

if (milisec>=9){ 

milisec=0 

seconds+=1 

} 

else 

milisec+=1 

document.d.d2.value=seconds+"."+milisec 

setTimeout("display()",100) 

} 

display() 

//--> 

</script>

Sayfada Ne Kadar Kaldı-2 Bu sefer ziyaretçinize sayfada ne kadar kaldığını bir uyarı mesajı ile gösterebilirsiniz.

 <SCRIPT LANGUAGE="JavaScript">

 function person_in() {

    enter=new Date();

 }

 function person_out() {

    exit=new Date();

    time_dif=(exit.getTime()-enter.getTime())/1000;

    time_dif=Math.round(time_dif);

    alert ("Sayfamda " + time_dif + " saniyedir bulunuyorsunuz.")

 }

 </SCRIPT>

 <FORM>
<INPUT type="button" name="timehere" value="Sayfamda Ne Kadar Süredir Bulunuyorsunuz?"
onClick='person_out()'>
</FORM>

Sayfada Tarih Bu script sayfanızın istediğiniz bir köşesinde o günün tarihini veriyor.

 <script language="javascript1.2">

var tarih=new Date()

var yil=tarih.getYear()

var ay=tarih.getMonth()

var gun=tarih.getDate()

var gun2=tarih.getDay()

if(ay==0){ay="Ocak"}

if(ay==1){ay="Şubat"}

if(ay==2){ay="Mart"}

if(ay==3){ay="Nisan"}

if(ay==4){ay="Mayıs"}

if(ay==5){ay="Haziran"}

if(ay==6){ay="Temmuz"}

if(ay==7){ay="Ağustos"}

if(ay==8){ay="Eylül"}

if(ay==9){ay="Ekim"}

if(ay==10){ay="Kasım"}

if(ay==11){ay="Aralık"}

 

if(gun2==0){gun2="Pazar"}

if(gun2==1){gun2="Pazartesi"}

if(gun2==2){gun2="Salı"}

if(gun2==3){gun2="Çarşamba"}

if(gun2==4){gun2="Perşembe"}

if(gun2==5){gun2="Cuma"}

if(gun2==6){gun2="Cumartesi"}

 

var bos=" "

toplam=document.write("Bugün: " +gun+bos+ay+bos+yil+bos+bos+gun2)

</script>

Son Güncelleme Zamanı Sayfanızın son güncelleme zamanını sayfanıza otomatik olarak ekler.

 <p><b><font face="Tahoma" size="2">Son Güncelleme Tarihi; <script 

language="JavaScript">

<!-- Basla 

function monthName(indX) { 

   monthNames = new Array("","Oca.","Sub.","Mar.","Nis.","May.","Haz.","Tem.","Agu.","Eyl.",

"Eki.","Kas.","Ara."); 

   return monthNames[indX]; 

} 

function lastModified() { 

   lastModifiedString = document.lastModified; 

   lastModifieds = lastModifiedString.split(" "); 

   dateString = lastModifieds[0]; 

   timeString = lastModifieds[1]; 

   dateStrings = dateString.split("/"); 

 

   return dateStrings[1] + "/" + dateStrings[0] + "/" + dateStrings[2] + " ve " + timeString; 

 

} 

document.write(lastModified() ); 

 

// Son-->

</script>
</font></b></p>

Takvim-1 Takvimin ne işe yaradığını bilmeyeniniz yoktur sanırım.

 <p><!-- UNDER CONSTRUCTION 98 - INTERACTIVE CODE BY CONSTRUCTION SCRIPT --

><!-- This script was designed for Netscape Navigator v2.x and up, it may however work with Internet 

Explorer --><!-- (c) 97 Global Planet Corporation http://www.gplanet.com --><script 

language="JavaScript">

<!-- Hide this script from old browsers --

/*

   This script came from the 24 hour JavaScripts Site

located at http://www.javascripts.com.  It is brought to 

  you by Eric Jarvies, Lewis Sellers, Giuseppe Lombardo, 

          Kurt Anderson, and David Medinets. 

*/

setCal()

function getTime() {

                // initialize time-related variables with current time settings

                var now = new Date()

                var hour = now.getHours()

                var minute = now.getMinutes()

                now = null

                var ampm = "" 

                // validate hour values           and set value of ampm

                if (hour >= 12) {

                               hour -= 12

                               ampm = "PM"

                } else

                               ampm = "AM"

                hour = (hour == 0) ? 12 : hour

                // add zero digit to a one digit minute

                if (minute < 10)

                               minute = "0" + minute // do not parse this number!

                // return time string

                return hour + ":" + minute + " " + ampm

}

function leapYear(year) {

                if (year % 4 == 0) // basic rule

                               return true // is leap year

                /* else */ // else not needed when statement is "return"

                               return false // is not leap year

}

function getDays(month, year) {

                // create array to hold number of days in each month

                var ar = new Array(12)

                ar[0] = 31 // Ocak

                ar[1] = (leapYear(year)) ? 29 : 28 // Şubat

                ar[2] = 31 // Mart

                ar[3] = 30 // Nisan

                ar[4] = 31 // Mayıs

                ar[5] = 30 // Haziran

                ar[6] = 31 // Temmuz

                ar[7] = 31 // Ağustos

                ar[8] = 30 // Eylül

                ar[9] = 31 // Ekim

                ar[10] = 30 // Kasım

                ar[11] = 31 // Aralık

                // return number of days in the specified month (parameter)

                return ar[month]

}

function getMonthName(month) {

                // create array to hold name of each month

                var ar = new Array(12)

                ar[0] = "Ocak"

                ar[1] = "Şubat"

                ar[2] = "Mart"

                ar[3] = "Nisan"

                ar[4] = "Mayıs"

                ar[5] = "Haziran"

                ar[6] = "Temmuz"

                ar[7] = "Ağustos"

                ar[8] = "Eylül"

                ar[9] = "Ekim"

                ar[10] = "Kasım"

                ar[11] = "Aralık"

                // return name of specified month (parameter)

                return ar[month]

}

function setCal() {

                // standard time attributes

                var now = new Date()

                var year = now.getYear()

                var month = now.getMonth()

                var monthName = getMonthName(month)

                var date = now.getDate()

                now = null

                // create instance of first day of month, and extract the day on which it occurs

                var firstDayInstance = new Date(year, month, 1)

                var firstDay = firstDayInstance.getDay()

                firstDayInstance = null

                // number of days in current month

                var days = getDays(month, year)

                // call function to draw calendar

                drawCal(firstDay + 1, days, date, monthName, + year)

}

function drawCal(firstDay, lastDate, date, monthName, year) {

                // constant table settings

                var headerHeight = 50 // height of the table's header cell

                var border = 2 // 3D height of table's border

                var cellspacing = 4 // width of table's border

                var headerColor = "midnightblue" // color of table's header

                var headerSize = "+3" // size of tables header font

                var colWidth = 60 // width of columns in table

                var dayCellHeight = 25 // height of cells containing days of the week

                var dayColor = "darkblue" // color of font representing week days

                var cellHeight = 40 // height of cells representing dates in the calendar

                var todayColor = "red" // color specifying today's date in the calendar

                var timeColor = "purple" // color of font representing current time

                // create basic table structure

                var text = "" // initialize accumulative variable to empty string

                text += '<CENTER>'

                text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' // table 

settings

                text +=   '<CAPTION></CAPTION>' // Table Title

                text +=   '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table header cell

                text +=                  '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + 

'>' // set font for table header

                text +=                                  monthName + ' ' + year 

                text +=                  '</FONT>' // close table header's font settings

                text +=   '</TH>' // close header cell

                // variables to hold constant settings

                var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'

                openCol += '<FONT COLOR="' + dayColor + '">'

                var closeCol = '</FONT></TD>'

                // create array of abbreviated day names

                var weekDay = new Array(7)

                weekDay[0] = "Pazar"

                weekDay[1] = "Pazartesi"

                weekDay[2] = "Salı"

                weekDay[3] = "Çarşamba"

                weekDay[4] = "Perşembe"

                weekDay[5] = "Cuma"

                weekDay[6] = "Cumartesi"

                

                // create first row of table to set column width and specify week day

                text += '<TR ALIGN="center" VALIGN="center">'

                for (var dayNum = 0; dayNum < 7; ++dayNum) {

                               text += openCol + weekDay[dayNum] + closeCol 

                }

                text += '</TR>'

                

                var digit = 1

                var curCell = 1

                

                for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {

                               text += '<TR ALIGN="right" VALIGN="top">'

                               for (var col = 1; col <= 7; ++col) {

                                               if (digit > lastDate)

                                                               break

                                               if (curCell < firstDay) {

                                                               text += '<TD></TD>';

                                                               curCell++

                                               } else {

                                                               if (digit == date) {

                                                                              text += '<TD HEIGHT=' 

+ cellHeight + '>'

                                                                              text += '<FONT 

COLOR="' + todayColor + '">'

                                                                              text += digit

                                                                              text += '</FONT><BR>'

                                                                              text += '<FONT 

COLOR="' + timeColor + '" SIZE=2>'

                                                                              text += '<CENTER>' + 

getTime() + '</CENTER>'

                                                                              text += '</FONT>'

                                                                              text += '</TD>'

                                                               } else

                                                                              text += '<TD HEIGHT=' 

+ cellHeight + '>' + digit + '</TD>'

                                                               digit++

                                               }

                               }

                               text += '</TR>'

                }

                               text += '</TABLE>'

                text += '</CENTER>'

                document.write(text) 

}

// -- End Hiding Here -->

</script><!-- END OF SCRIPT --> </p>
<p align="center"> </p>

Takvim-2 Başka bir takvim örneği.

 <script language="JavaScript">

/*
Dynamic Calendar II (By Jason Moon at http://www.jasonmoon.net)
Permission granted to Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

var ns6=document.getElementById&&!document.all
var ie4=document.all

var Selected_Month;
var Selected_Year;
var Current_Date = new Date();
var Current_Month = Current_Date.getMonth();

var Days_in_Month = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var Month_Label = new Array('OCAK', 'ŞUBAT', 'MART', 'NİSAN', 'MAYIS', 'HAZİRAN', 'TEMMUZ', 

'AĞUSTOS', 'EYLÜL', 'EKİM', 'KASIM', 'ARALIK');

var Current_Year = Current_Date.getYear();
if (Current_Year < 1000)
Current_Year+=1900


var Today = Current_Date.getDate();

function Header(Year, Month) {

   if (Month == 1) {
   Days_in_Month[1] = ((Year % 400 == 0) || ((Year % 4 == 0) && (Year % 100 !=0))) ? 29 : 28;
   }
   var Header_String = Month_Label[Month] + ' ' + Year;
   return Header_String;
}



function Make_Calendar(Year, Month) {
   var First_Date = new Date(Year, Month, 1);
   var Heading = Header(Year, Month);
   var First_Day = First_Date.getDay() + 1;
   if (((Days_in_Month[Month] == 31) && (First_Day >= 6)) ||
       ((Days_in_Month[Month] == 30) && (First_Day == 7))) {
      var Rows = 6;
   }
   else if ((Days_in_Month[Month] == 28) && (First_Day == 1)) {
      var Rows = 4;
   }
   else {
      var Rows = 5;
   }

   var HTML_String = '<table><tr><td valign="top"><table BORDER=4 CELLSPACING=1 cellpadding=2 

FRAME="box" BGCOLOR="C0C0C0" BORDERCOLORLIGHT="808080">';

   HTML_String += '<tr><th colspan=7 BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Heading + 

'</font></th></tr>';

   HTML_String += '<tr><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Paz.</th><th 

ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">P.tesi.</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" 

BORDERCOLOR="000000">Salı</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Çarş.</th>';

   HTML_String += '<th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Perş.</th><th 

ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Cuma</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" 

BORDERCOLOR="000000">C.tesi.</th></tr>';

   var Day_Counter = 1;
   var Loop_Counter = 1;
   for (var j = 1; j <= Rows; j++) {
      HTML_String += '<tr ALIGN="left" VALIGN="top">';
      for (var i = 1; i < 8; i++) {
         if ((Loop_Counter >= First_Day) && (Day_Counter <= Days_in_Month[Month])) {
            if ((Day_Counter == Today) && (Year == Current_Year) && (Month == Current_Month)) {
               HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000"><strong><font color="red">' 

+ Day_Counter + '</font></strong></td>';
            }
            else {
               HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Day_Counter + '</td>';
            }
            Day_Counter++;    
         }
         else {
            HTML_String += '<td BORDERCOLOR="C0C0C0"> </td>';
         }
         Loop_Counter++;
      }
      HTML_String += '</tr>';
   }
   HTML_String += '</table></td></tr></table>';
   cross_el=ns6? document.getElementById("Calendar") : document.all.Calendar
   cross_el.innerHTML = HTML_String;
}


function Check_Nums() {
   if ((event.keyCode < 48) || (event.keyCode > 57)) {
      return false;
   }
}



function On_Year() {
   var Year = document.when.year.value;
   if (Year.length == 4) {
      Selected_Month = document.when.month.selectedIndex;
      Selected_Year = Year;
      Make_Calendar(Selected_Year, Selected_Month);
   }
}

function On_Month() {
   var Year = document.when.year.value;
   if (Year.length == 4) {
      Selected_Month = document.when.month.selectedIndex;
      Selected_Year = Year;
      Make_Calendar(Selected_Year, Selected_Month);
   }
   else {
      alert('Please enter a valid year.');
      document.when.year.focus();
   }
}


function Defaults() {
   if (!ie4&&!ns6)
   return
   var Mid_Screen = Math.round(document.body.clientWidth / 2);
   document.when.month.selectedIndex = Current_Month;
   document.when.year.value = Current_Year;
   Selected_Month = Current_Month;
   Selected_Year = Current_Year;
   Make_Calendar(Current_Year, Current_Month);
}


function Skip(Direction) {
   if (Direction == '+') {
      if (Selected_Month == 11) {
         Selected_Month = 0;
         Selected_Year++;
      }
      else {
         Selected_Month++;
      }
   }
   else {
      if (Selected_Month == 0) {
         Selected_Month = 11;
         Selected_Year--;
      }
      else {
         Selected_Month--;
      }
   }
   Make_Calendar(Selected_Year, Selected_Month);
   document.when.month.selectedIndex = Selected_Month;
   document.when.year.value = Selected_Year;
}

</script>

 <div id=NavBar style="position:relative;width:286px;top:5px;" align="left">
<form name="when"><table>
<tr>
<td><input type="button" value="<-- GERİ" onClick_fckprotectedatt=" onClick="Skip('-')""></td>
<td> </td>
<td><select name="month" onChange_fckprotectedatt=" onChange="On_Month()"">
<script language="JavaScript1.2">
if (ie4||ns6){
   for (j=0;j<Month_Label.length;j++) {
      document.writeln('<option value=' + j + '>' + Month_Label[j]);
   }
}
</script>
</select>
</td>
<td><input type="text" name="year" size=4 maxlength=4 onKeyPress_fckprotectedatt=" onKeyPress="return Check_Nums()""
onKeyUp_fckprotectedatt="
onKeyUp="On_Year()""></td>
<td> </td>
<td><input type="button" value="İLERİ -->" onClick="Skip('+')"></td>
</tr></table></form></div>
<div id=Calendar style="position:relative;width:238px;top:-2px;" align="left"></div>

Takvim-3 Başka bir takvim örneği. Scriptte, saati, sayfaya geliş tarihini ve saate göre mesajda yayınlamanız mümkün.

 <FONT FACE="Trebuchet MS,ARIAL">
<script language="JavaScript">

<!-- Hide the script from old browsers --

var timerID = null;

var timerRunning = false;

var id,pause=0,position=0;

function stopclock (){

        if(timerRunning)

                clearTimeout(timerID);

        timerRunning = false;

}

function showtime () {

        var now = new Date();

        var hours = now.getHours();

        var minutes = now.getMinutes();

        var seconds = now.getSeconds()

        var timeValue = "" + ((hours >12) ? hours -12 :hours)

        timeValue += ((minutes < 10) ? ":0" : ":") + minutes

        timeValue += ((seconds < 10) ? ":0" : ":") + seconds

        timeValue += (hours >= 12) ? " P.M." : " A.M."

        document.clock.face.value = timeValue;

        timerID = setTimeout("showtime()",1000);

        timerRunning = true;

}

function startclock () {

        stopclock();

        showtime();

}

function greeting()

{

   var today = new Date();

   var hrs = today.getHours();

   document.writeln("<CENTER>");

   document.writeln("<BR>");

   document.write("<H1>İyi ");

   if (hrs < 6)

      document.write("Sabahlar")

   else if (hrs < 12)

      document.write("Sabahlar");

   else if (hrs <= 18)

      document.write("Öğleden Sonraları");

   else

      document.write("Akşamlar");

   document.writeln("!</H1>");

   document.writeln("<form name='clock' onSubmit='0'>");

   document.writeln("<input type='text' name='face' size=13 value=''>");

   document.writeln("</form>");

   document.write("Sayfaya geliş saatiniz ");

   dayStr = today.toLocaleString();

   document.write(dayStr);

   document.writeln("</CENTER>");

}

function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)

{

   this[0] = m0;

   this[1] = m1;

   this[2] = m2;

   this[3] = m3;

   this[4] = m4;

   this[5] = m5;

   this[6] = m6;

   this[7] = m7;

   this[8] = m8;

   this[9] = m9;

   this[10] = m10;

   this[11] = m11;

}

function calendar()

{

   var monthNames = "OckSubMarNisMayHazTemAguEylEkmKasAra";

   var today = new Date();

   var thisDay;

   var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,

      31, 30, 31);

   year = today.getYear();

   thisDay = today.getDate();

   if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))

      monthDays[1] = 29;

   nDays = monthDays[today.getMonth()];

   firstDay = today;

   firstDay.setDate(1); // works fine for most systems

   testMe = firstDay.getDate();

   if (testMe == 2)

        firstDay.setDate(0);

   startDay = firstDay.getDay();

   document.writeln("<CENTER>");

   document.write("<TABLE BORDER>");

   document.write("<TR><TH COLSPAN=7>");

   document.write(monthNames.substring(today.getMonth() * 3,

      (today.getMonth() + 1) * 3));

   document.write(". ");

   document.write(year);

document.write("<TR><TH>Paz<TH>Pzt<TH>Sal<TH>Car<TH>Prs<TH>Cum<TH>Cmt");

   document.write("<TR>");

   column = 0;

   for (i=0; i<startDay; i++)

   {

      document.write("<TD>");

      column++;

   }

   for (i=1; i<=nDays; i++)

   {

      document.write("<TD>");

      if (i == thisDay)

         document.write("<FONT COLOR="#FF0000">")

      document.write(i);

      if (i == thisDay)

        document.write("</FONT>")

      column++;

      if (column == 7)

      {

         document.write("<TR>"); 

         column = 0;

      }

   }

   document.write("</TABLE>");

   document.writeln("</CENTER>");

}

greeting();

document.write("</br>");

calendar();

document.write("");

//  -->

</SCRIPT>
</FONT>

Takvim-4 Başka bir takvim örneği.

 <script>

debug_flag = 0;

function debug(string) {

    if (debug_flag == 1) {

       confirm(string);

    }

}

function makeArray(n) {

       this.length = n

       return this 

}

function firstSunday(fromDate)

{

    while (fromDate.getDay() != 0) {

        newTime = fromDate.getTime() - msPerDay;

        fromDate.setTime(newTime);

    }

}

function updateMonth() {

       var index;

index=(document.calendar.month.selectedIndex==-1)? 0 :document.calendar.month.selectedIndex;

       debug('index = ' + index);

       firstOfMonth = new Date(today.getYear(), index, 1);

       debug('month = ' + firstOfMonth.getMonth());

       redraw();

}

function redraw() {

    history.go(0);

}

function drawBody(theDate) {

    thisMonth = theDate.getMonth();

    firstSunday(theDate);

    for (w = 0; w < 5; w++) {

        for (d = 0; d < 7; d++) {

            date = theDate.getDate();

            document.write('<td align="right">');

            if (theDate.getMonth() != thisMonth) {

                document.write('<i>' + date + '</i>');

            } else {

                document.write(date);

            }

            document.write('</a>');

            newTime = theDate.getTime() + msPerDay;

            theDate.setTime(newTime);

        }

        document.write('<tr>');

    }

}    

monthName = new makeArray(12);

monthName[1] = "Ocak";

monthName[2] = "Şubat";

monthName[3] = "Mart";

monthName[4] = "Nisan";

monthName[5] = "Mayıs";

monthName[6] = "Haziran";

monthName[7] = "Temmuz";

monthName[8] = "Ağustos";

monthName[9] = "Eylül";

monthName[10] = "Ekim";

monthName[11] = "Kasım";

monthName[12] = "Aralık";

function drawCalendar(theDate) {

monthNum = theDate.getMonth() + 1;

document.write('<TABLE border compact>');

debug("monthNum = " + monthNum);

document.write('<TH colspan="7">' + monthName[monthNum] + '<TR>');

document.write('<TH>Pa<TH>Pt<TH>Sa<TH>Ça<TH>Pe<TH>Cu<TH>Ct<TR>');

drawBody(theDate);

document.write('</table>');

}

</script>

 <form action="" name="calendar">
<select name="month" onchange_fckprotectedatt=" onchange="redraw()"">
<option> Ocak</option>
<option> Şubat</option>
<option> Mart</option>
<option> Nisan</option>
<option> Mayıs</option>
<option> Haziran</option>
<option> Temmuz</option>
<option> Ağustos</option>
<option> Eylül</option>
<option> Ekim</option>
<option> Kasım</option>
<option> Aralık</option>
</select>
<p>
<script>

today = new Date()

msPerDay = 24 * 60 * 60 * 1000 ;

index=(document.calendar.month.selectedIndex== -1) ? 0 :document.calendar.month.selectedIndex;

debug('index = ' + index);

firstOfMonth = new Date(today.getYear(), index, 1);

debug('month = ' + firstOfMonth.getMonth());

drawCalendar(firstOfMonth);

</script></p>
</form>