Membuat Jam Digital Dengan Javascript

Ada kalanya dalam pembuatan aplikasi kita membutuhkan tampilan waktu atau jam untuk memperindah aplikasi program yang kita buat, dan biasanya tampilan waktu atau jam disuguhkan pada halaman awal. Atau bisa juga jam dibuat untuk melakukan suatu inputan data kedalam database. Misalnya kita mempunyai suatu website, terus kita membuat sebuah berita yang nantinya akan kita posting pada halaman web kita agar pengunjung bisa membaca berita yang telah kita buat. Nah biasanya jam juga diinputkan kedalam database dengan tujuan agar si pembuat berita tersebut mengetahui jam berapa dibuatnya salah satu berita tersebut. Contoh yang paling kongkrit adalah pada website milik penulis ini, coba Anda perhatikan pada setiap postingan penulis pasti menampilkan tanggal dan waktu pembuatan setiap artikel.

Pada artikel ini penulis akan mengimplementasikan cara untuk membuat jam digital dengan bantuan dari javascript. Kita akan memanfaatkan sebuah fungsi dan objek Date() yang dapat digunakan untuk membuat jam digital yang realtime. Dann fungsi akan dipanggil secara rekursif pada sebuah fungsi setTimeOut.

Terlebih dahulu kita akan membuat sebuah file khusus yang didalamnya terdapat sebuah fungsi atau function dari javascript, adapun script programnya dapat dilihat dibawah ini :

fungsi_jam.php

Selanjutnya kita akan membuat 1 buah file lagi untuk menampilkan jam-nya, adapun script programnya dapat dilihat dibawah ini :

jam.php

Untuk hasilnya dapat Anda lihat dibawah ini :

jam_digital

Gambar diatas apabila dijalankan pada web browser maka detik waktunya akan berjalan mengikuti system waktu pada komputer Anda. Penulis cukupkan sampai disini, sampai bertemu lagi pada tutorial berikutnya.

Terima kasih..

Sumber Artikel : http://purbadian.com/read-article-24-membuat-jam-digital-dengan-javascript.html

Leave a Reply

Your email address will not be published. Required fields are marked *