Merhaba arkadaşlar. Bu makalemizde javascript yardımıyla saat yapacağız. Mantığını anlatalım öncelikle. O anki saati, dakikayı ve saniyeyi javascript yardımı ile alıyoruz ve bir nesneye atıyoruz. Bu kadar basit. Şimdi kodlarımıza geçelim.
<html>
<head>
<title>Saat</title>
<style type="text/css">
#div {
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
color:#333;}
</style>
<script language="JavaScript">
var saaat;//saat değerimizi yükleyeceğimiz değişken.
function digitalsaat()
{
var suan = new Date();
var dsaat = suan.getHours();
var ddak = suan.getMinutes();
var sny = suan.getSeconds();
saaat = dsaat + ':' + ((ddak<10) ? '0' : '') + ddak + ':' + ((sny<10) ? '0' : '') + sny ;
//saat, dakika, saniye değerlerini birleştirdik
div.innerHTML = saaat // div id'li nesneye taşıdık.
setTimeout("digitalsaat()", 1000); // saniyede bir güncelle
}
</script></head>
<body onLoad="digitalsaat()">
<div id="div"></div>
</body>
</html>
Kod aralarında anlamlarından ve makale başında mantığından bahsetmiştim. Css ile saati daha görsel hale getirebilirsiniz. Ben fazla uğraşmadım. Anlaşılmayan yerler olursa yorum yoluyla sorabilirsiniz. Sonraki makalede görüşmek üzere...
1 Yorum
brky
eywallah