Javascript ile Saat Yapımı

Javascript

56999 Görüntüleme 1 Yorum yaklaşık 10 yıl önce

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...