Scribd Logo
Unggah

Selamat datang di Scribd!

  • Jam Digital

    Diunggah oleh

    Den Sukardi
    596 tayangan2 halaman

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    596 tayangan2 halaman

    Jam Digital

    Diunggah oleh

    Den Sukardi

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 2

    Tips Menampilkan Jam Digital pada Halaman Web

    Pada kesempatan kali ini saya akan memberikan sebuat tutorial bagaimana menampilkan jam digital pada halaman web. Jam digital yang saya maksudkan disini adalah jam online yang tampil di halaman web dan waktunya berjalan otomatis, seperti jam tangan kita gitcu loo..!!, bedanya mungkin kalo jam tangan kalo kena air bisa mati tapi kalo jam online kena air gak mati, kecuali komputer anda tercebur ke kolam.. hehehe Seperti yang kita tahu bahwa menampilan jam digital online tidak bisa dibuat dengan PHP karena script PHP bekerja dengan mengambil nilai variabel yang sangat bergantung pada event user misalnya klik atau refresh browser. Kalo menampilkan waktu sekarang dengan PHP sih bisa tapi kalo kayak digital berjalan PHP nggak bisa, ternyata PHP masih ada kurangnya juga ya. Oleh karenanya kali ini kita akan membuat Jam Digital dengan Java Script. Ok langsung saja berikut ini adalah source code untuk membuat jam digital sederhana.

    <html> <head> <title>Jam Digital</title> <script type="text/javascript"> //mendeklarasikan variabel var pijaronline; //membuat fungsi function waktu() { pijaronline = setTimeout( "waktu()", 1000 ); waktuku = new Date(); // Mengambil Nilai Waktu jam = waktuku.getHours(); menit = waktuku.getMinutes(); detik = waktuku.getSeconds(); // Mengatur format waktu if (jam < 10) jam = "0" + jam; if (menit < 10) menit = "0" + menit; if (detik < 10) detik = "0" + detik; // Mengambil dan mengatur variabel untuk content document.getElementById("multazam").innerHTML = jam+":"+menit+":"+detik; } </script> </head> <body onload="waktu();"> <table align="center" background="background.gif"> <tr><td width="100" align="center"> <strong><font face="Arial" color="#000000" id="multazam"></font></strong> </td></tr>

    </table> </body> </html> Dari script di atas dapat disimpulkan ada 6 langkah utama membuat jam digital dengan Java Script yaitu : Mendeklarasikan variabel, membuat fungsi, mengambil nilai waktu (jam, menit dan detik), mengatur format waktu, mengatur nilai content dan menampilkan jam digital di halaman web. Oh ya, untuk menampilan jam dengan tampilan yang lebih baik kita bisa memberikan background atau mengatur melalui CSS. Semoga tutorial ini bermanfaat dan sampai ketemu di tutorial selanjutnya Penulis, Muh. Multazam Website : www.pijaronline.com www.belajarilmukomputer.com Email : sasaktulen@gmail.com HP. 081805727985

    Anda mungkin juga menyukai