membuat jam digital menggunakan javascript

  1. Script

  • code
  • source
  1. <html>
  2. <head>
  3. <title>Tutorial Membuat Jam Analog dan Digital dengan Javascript</title>
  4. </head>
  5. <body>
  6. <style>
  7. h1,h2,h3,h4,p,a{
  8. font-family: sans-serif;
  9. font-weight: normal;
  10. }
  11. .jam-digital {
  12. overflow: hidden;
  13. width: 330px;
  14. margin: 20px auto;
  15. border: 5px solid #f28000;
  16. }
  17. .kotak{
  18. float: left;
  19. width: 110px;
  20. height: 100px;
  21. background-color: #c1c1c1;
  22. }
  23. .jam-digital p {
  24. color: #fff;
  25. font-size: 36px;
  26. text-align: center;
  27. margin-top: 30px;
  28. }
  29. </style>
  30. <center>
  31. <h3>Tutorial Membuat Jam Analog dan Digital dengan Javascript</h3>
  32. <h4>Jam Digital dengan Javascript</h4>
  33. </center>
  34. <div class="jam-digital">
  35. <div class="kotak"><p id="jam"></p></div>
  36. <div class="kotak"><p id="menit"></p></div>
  37. <div class="kotak"><p id="detik"></p></div>
  38. </div>
  39. <center><p>TABITA AMELIA TABANA</p></center>
  40. <script>
  41. window.setTimeout("waktu()", 1000);
  42. function waktu() {
  43. var waktu = new Date();
  44. setTimeout("waktu()", 1000);
  45. document.getElementById("jam").innerHTML = waktu.getHours();
  46. document.getElementById("menit").innerHTML = waktu.getMinutes();
  47. document.getElementById("detik").innerHTML = waktu.getSeconds();
  48. }
  49. </script>
  50. </body>
  51. </html>


2. Output





Komentar

Postingan populer dari blog ini

LAPORAN SHARING FILE ANTAR 1 JARINGAN YANG SAMA - TABITA TABANA

SOAL - TUGAS TKJT

ARTIKEL PODCAST-AUDIO VISUAL