Html ile saat kodu

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>