Javascript ile Saat Yapımı
Javascript

Javascript ile Saat Yapımı

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


author

Aykut Erdoğan

gethours, getminutes, getseconds, saat

  • Bu Yazılara da Gözat:

    1 Yorum

    Cevapla