Genelİpuçları ?

Html ile saat kodu

  • Yazar Profili Gurbetseli
    18 May 2023 16:38
  • Güncelleme: 12 Oca 2024
    1 dk. Okuma Süresi
Yazı Özetini Göster

Html

Html ile saat kodu


<!DOCTYPE html>

<html>

<head>

 <title>Saat kodu</title>

 <script type="text/javascript">

  function saatGoster() {

   var tarih=new Date();

   var saat=tarih.getHours();

   var dakika=tarih.getMinutes();

   var saniye=tarih.getSeconds();

   saat=duzelt(saat);

   dakika=duzelt(dakika);

   saniye=duzelt(saniye);

  document.getElementById("saat").innerHTML=saat + ":" + dakika + ":" + saniye;

   setTimeout(saatGoster, 1000); //1 saniye sonra tekrar fonksiyonu çağıracak 

  }

  function duzelt(sayi) { // 10'dan küçük sayılar için başına 0 ekleyen fonksiyon

   if(sayi < 10) {

    sayi="0" + sayi;

   }

   return sayi;

  }

 </script>

</head>

<body onload="saatGoster()"> 

 <h1>Şu anki saat: <span id="saat"></span></h1>

</body>

</html>

Etiketler :

htmlHtml saat kodusaat kodu

Bir Yorum Yazın

E-posta adresiniz yayınlanmayacak.Gerekli alanlar * ile işaretlenmişlerdir

Benzer Yazılar