Loading...
Beranda
Java

Membuat Jam Digital Menggunakan Javascript

 


Hallo sobat hidayat code kali ini kita akan mencoba membahas tutorial cara membuat jam digital dengan menggunkan bahasa pemograman java script. Untuk codinganya bisa langsung  copas di bawah ini.

<!DOCTYPE html>
<html>
<head>
    <title>Membuat Jam Digital Dengan Javascript - www.hidayatcode.xyz</title>
</head>
<body>
 
    <style>
    h1,h2,p,a{
        font-family: sans-serif;
        font-weight: normal;
    }
 
    .jam-digital-benanginspirasi {
        overflow: hidden;
        width: 330px;
        margin: 20px auto;
        border: 5px solid #efefef;
    }
    .kotak{
        float: left;
        width: 110px;
        height: 100px;
        background-color: #189fff;
    }
    .jam-digital-benanginspirasi p {
        color: #fff;
        font-size: 36px;
        text-align: center;
        margin-top: 30px;
    }
 
 
</style>
 
<center>
    <h1>Tutorial Membuat Jam Digital Dengan Javascript</h1>
    <h2>www.hidayatcode.xyz</h2>
</center>
 
<div class="jam-digital-hidayatcode">
    <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>
 
<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>

Untuk hasilnya bisa lihat di bawah ini.

See the Pen Untitled by Hidayat Code (@marlin30) on CodePen.

IT Enthusiast

Posting Komentar