Jam Digital Javascript

Bookmark and Share
Untuk bisa melihat tampilan jam digital menggunakan javascript yang harus kita sediakan terlebih dahulu adalah beberapa gambar jam digital (gambar angka1 - angka 9, Tanda : sebagai pemisah jam), setelah gambar jam di gital kita miliki taruh di sebuah folder, pada script di bawah ini folder yang di gunakan untuk memanggil gambar adalah folder digitaljpg

Untuk script program jam digital javascript nya bisa di lihat di bawah ini

<html>
<title>Jam Digital Javascript</title>
<body onload="window.setTimeout('jam();',500)">
<script language="javascript">
   function jam() {
      var d = new Date();
      var jj = d.getHours();
      var mm = d.getMinutes();
      var dd = d.getSeconds();

      // Ubah gambar
      document.images[0].src = url(jj / 10);
      document.images[1].src = url(jj % 10);
      document.images[3].src = url(mm / 10);
      document.images[4].src = url(mm % 10);
      document.images[6].src = url(dd / 10);
      document.images[7].src = url(dd % 10);

      // Atur waktu berikutnya
      window.setTimeout("jam()",500);
  }

  // Mengubah angka menjadi angka.gif
  function url(angka) {
     var bil = Math.floor(angka);
     return("../digitalJPG/" + bil + ".gif");
  }

</script>
    
<img src="../digitalJPG/0.gif" />
<img src="../digitalJPG/0.gif" />
<img src="../digitalJPG/titik_dua.gif" />
<img src="../digitalJPG/0.gif" />
<img src="../digitalJPG/0.gif" />
<img src="../digitalJPG/titik_dua.gif" />
<img src="../digitalJPG/0.gif" />
<img src="../digitalJPG/0.gif" />

</body>
</html>

script program diatas di buat menggunakan dreamwaver dengan ekstensi html

{ 0 komentar... Views All / Send Comment! }

Poskan Komentar