JavaScript ile Saat Yazdırmak

Merhaba, JavaScript ile Saat Yazdırmak başlıklı yazıma hoşgeldiniz bu yazımda basit bir şekilde javascript ile nasıl saat yazdırız ona değineceğim.

Hemen kodlara geçelim.

JavaScript Kodları

function saatigoster(){
var zaman= new Date();
var saat= zaman.getHours();
var dakika= zaman.getMinutes();
var saniye= zamand.getSeconds();
saat=ciftsifirmi(saat);
dakika=ciftsifirmi(dakika);
saniye=ciftsifirmi(saniye);
document.getElementById('saatkac').innerHTML = saat + ":" + dakika + ":" + saniye;
setTimeout('saatigoster()', 1000);
}
function ciftsifirmi(deger){
if (deger<10){
deger="0" + deger;
}
return deger;
}
window.onload=saatigoster;

HTML Kodları

<div id="saatigoster"></div>

Ne mi yaptık?

JavaScript Kodları 

1. satırda bir fonksiyon oluşturup adına saatigoster dedik.
2. satırda zaman adında bir değişken oluşturup içine Date sınıfını değişkene atadım.
3. satırda saat adında bir değişken oluşturup içinden zaman değişkenine aktardığım date sınıfından getHours methodunu çağırdım.
4. satırda dakika adında bir değişken oluşturup içinden zaman değişkenine aktardığım date sınıfından getMinutes methodunu çağırdım.
5. satırda saniye adında bir değişken oluşturup içinden zaman değişkenine aktardığım date sınıfından getMinutes methodunu çağırdım.
6. satırda saat değişkenini ciftsifirmi fonksiyonundan geçirip tekrar içine değer atadım.
7. satırda dakika değişkenini ciftsifirmi fonksiyonundan geçirip tekrar içine değer atadım.
8. satırda saniye değişkenini ciftsifirmi fonksiyonundan geçirip tekrar içine değer atadım.
9. satırda bir saatkac adında bir id oluşturup içine sırasıyla saat,dakika ve saniye değişkenlerini yazdırdım.
10. satırda setTimeout metodu ile saatigoster fonksiyonunu her saniye çalıştırmasını istedim.
11. satırda oluşturduğum fonksiyon tanımlamasının bittiğini söyledim.
12. satırda tekrar bir fonksiyon oluşturup adına ciftsifirmi dedim ve parametre olarak deger yazdım.
13. satırda if ile eğer deger parametresi 10’dan küçükse {} aralarındaki kodları çalıştırmasını istedim. Bu if kutusu eğer deger adındaki parametre 10’dan küçükse soluna sıfır koymasını sağlayacak.
14. satırda deger değişkenine “0” atayıp parametreden aldığımız deger parametresiyle birşeltirmesini istedik.
15. satırda oluşturduğum if kod bloğunun bittiğini söyledim.
16. satırda return ile deger parametresinin dönüt vermesini istedim.
17. satırda oluşturduğum fonksiyon tanımlamasının bittiğini söyledim.
18. satırda saatigoster fonksiyonunu pencere açılında hemen çalışmasını istedim.

HTML Kodları

Javascript ile oluşturduğumuz idyi div etiketine tanımladım.

Bir yazımında daha sonuna geldim arkadaşlar bu yazımda sizlere javascript ile basit bir saat yazdırma örneği yazdım, umarım yazımı beğenmişsinizdir hoşçakalın.