Menampilkan Jam Digital Dengan Javascript

Pada tulisan kali ini, saya akan membagikan bagaimana menampilkan jam digital dengan menggunakan javascript. Jam digital ini mungkin bisa diterapkan oleh teman-teman sebagai widget pada suatu halaman web.

Secara mudah, kita membuat fungsi yang menghasilkan tampilan jam dengan javascript, kemudian hasil return dari fungsi tersebut ditampilkan di elemen html dengan id yang sudah ditentukan.

Contoh Code:

<script>
    window.onload = function() {
        jam();
    }
    function jam() {
        var e = document.getElementById('jam'),
            d = new Date(),
            h, m, s;
        h = d.getHours();
        m = set(d.getMinutes());
        s = set(d.getSeconds());

        e.innerHTML = h + ':' + m + ':' + s;

        setTimeout('jam()', 1000);
    }
    function set(e) {
        e = e < 10 ? '0' + e : e;
        return e;
    }
</script>
<h2 id="jam"></h2>

Hasilnya:



Untuk hasil yang lebih bagus, teman-teman bisa menambahkan CSS ya.

Posting Komentar

0 Komentar