membuat jam digital menggunakan javascript
1. Script
- <html>
- <head>
- <title>Tutorial Membuat Jam Analog dan Digital dengan Javascript</title>
- </head>
- <body>
- <style>
- h1,h2,h3,h4,p,a{
- font-family: sans-serif;
- font-weight: normal;
- }
- .jam-digital {
- overflow: hidden;
- width: 330px;
- margin: 20px auto;
- border: 5px solid #f28000;
- }
- .kotak{
- float: left;
- width: 110px;
- height: 100px;
- background-color: #c1c1c1;
- }
- .jam-digital p {
- color: #fff;
- font-size: 36px;
- text-align: center;
- margin-top: 30px;
- }
- </style>
- <center>
- <h3>Tutorial Membuat Jam Analog dan Digital dengan Javascript</h3>
- <h4>Jam Digital dengan Javascript</h4>
- </center>
- <div class="jam-digital">
- <div class="kotak"><p id="jam"></p></div>
- <div class="kotak"><p id="menit"></p></div>
- <div class="kotak"><p id="detik"></p></div>
- </div>
- <center><p>TABITA AMELIA TABANA</p></center>
- <script>
- window.setTimeout("waktu()", 1000);
- function waktu() {
- var waktu = new Date();
- setTimeout("waktu()", 1000);
- document.getElementById("jam").innerHTML = waktu.getHours();
- document.getElementById("menit").innerHTML = waktu.getMinutes();
- document.getElementById("detik").innerHTML = waktu.getSeconds();
- }
- </script>
- </body>
- </html>
2. Output
Komentar
Posting Komentar