// Ömer Ücel  2006 -2007
// v 1.0
// omerucel.com
// omerucel@gmail.com

var i;
var s1;
var s2;
var s3;

var a1;
var a2;
var a3;

document.write("<style type=\"text/css\">");
document.write("#alan{color:#BDBDBD#333333;}");
document.write("#say{background-color:#A4A0AE;width:0px;height:5px;}");
document.write("#saat{width:45px;}");
document.write("</style>");
document.write("<div id=\"saat\">")
document.write("<div id=\"alan\"></div>");
document.write("<div id=\"say\"></div>");
document.write("</div>")

var zaman = new Date()

s1=zaman.getSeconds(); //zaman.getSeconds() silip istediğiniz bir rakamı yazabilirsiniz. 
s2=zaman.getMinutes(); // zaman.getMinutes() silip istediğiniz bir rakamı yazabilirsiniz. 
s3=zaman.getHours(); // zaman.getHours() silip istediğiniz bir rakamı yazabilirsiniz. 

//İstediğiniz bir rakamı yazarsanız belirlediğiniz rakamlardan saati başlatır.

function Saat(){
	s1=s1+1;
    if (s1==60){
		s2=s2+1;
		s1=0;
		if (s2==60){
			s3=s3+1;
			s2=0;
			if (s3==24){
				s3=0;
			}
		}
    }
    a1=s1.toString()
    if (a1.length==1){
		a1="0" + a1
    }
    
    a2=s2.toString()
    if (a2.length==1){
		a2="0" + a2
    }
    
    a3=s3.toString()
    if (a3.length==1){
		a3="0" + a3
    }
    
	document.getElementById( "alan" ).innerHTML=a3 + ":" + a2 + ":" + a1;
	document.getElementById( "say" ).style.width=a1 + "px";
	if(i){
		clearTimeout(i);
	}

	i = setTimeout('Saat()', 1000);
}