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