Useful shortcuts for vi editor

Wednesday, 13 April 2011

Javascript’de fonksiyon kullanımı ve saat örneği

Bu yazımızda Javascript dilinde html kodların içine fonksiyon tanımlamayı ve nasıl kullanacağımıza bakacağız. Bunun için örnek olarak saat bilgisini her saniye yazdığımız fonksiyondan getirmesini isteyeceğiz. Basitçe şu şekilde yaparız;

<!--javascript fonksiyon kullanımı-->
<html>
 <head>
<script type="text/javascript">
function saatiBaslat()
{
var bugun=new Date();
var h=bugun.getHours();
var m=bugun.getMinutes();
var s=bugun.getSeconds();

// sayi 10'dan küçükse '0' ekle
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('saatiBaslat()',500); <!-- 500 ms de bir fonksiyonu çağır -->
}

function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}
</script>

 </head>
 <body onLoad="saatiBaslat()"> <!-- sayfa yüklendiğinde saati başlat -->
Saat:
  <h3 id="txt"></h3> <!-- saati getir -->
 </body>
</html>

Yukarıda yazdığımız html yorum satırlarında gördüğümüz gibi; head bloğunda tanımladığımız javascript fonksiyonunu bir id’e atadıktan sonra, body onload attribute ile çağırıyoruz.

Umarım, bu yazı Javascript ile uğraşanlar için faydalı olmuştur. Tekrar buluşmak dileğiyle! J