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