X

JavaScript ile Saat Yazdırmak

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.

Kategoriler JavaScript
Tuğra Yaldız: Merhaba bu alanda kısaca kendimden bahsedeceğim. Adım Tuğra, 19 yaşındayım. Ticaret lisesi mezunuyum şuan Afyon Kocatepe Üniversitesinde İşletme bölümü okuyorum. Aslen Konyalıyım Afyonkarahisar'da ailemle birlikte yaşıyorum. Yaklaşık 11 senedir bilgisayarlarla içli dışlıyım son 6 senedir kendimi internete 2 yıldır ise Web Programlamaya verdim ileri derece PHP ve HTML biliyorum CSS Javascript Jquery için kendimi geliştirmeye devam ediyorum.. Yakında yayına çıkaracağım yyazilim.com için projeler geliştiriyorum. İş çözümleriniz için mail (iletisim@tugrayaldiz.com) atabilirsiniz. Şimdilik benden bu kadar eğer sende aramıza gelmek istersen mail listemize katılman yeterli kendine iyi bak. :) Not: Web programlama dersleri için https://www.w3schools.com adresini kaynak alıyorum.