Sample Text Footer

12/06/2012 20:20 Welcome di win4zip.blogspot.com 04/06/1983 Berdoa dan Maju Bersama untuk Mendapatkan Berkah yang ESA

Senin, 07 Januari 2013

CARA MEMBUAT JAM DIGITAL OTOMATIS DENGAN JAVASCRIPT

Tentunya sebuah web atau program serasa belum lengkap dan menarik tanpa kehadiran Penghitung waktu (jam) yang hanya akan menjadikan lupa waktu., Dengan adanya Tampilan penghitung waktu(jam) kita akan lebih memanfaatkan waktu kita sebaik dan semaksimal mungkin

Kali ini saya ingin berbagi Tip membuat Jam Digital otomatis dengan menggunakan Javascript.
Langsung saja saya kasih codenya…
Silahkan  Copast…

<!DOCTYPE html>
<head><title></title>
<body background="jiwa alamku.jpg">
                <font color="yellow" size="8" face='Chiller'>
<p>Saat ini waktu menunjukan pukul :<br><span id=”jam”></span></p>
                <hr>
<script type="text/javascript">   
    //fungsi displayTime yang dipanggil di bodyOnLoad dieksekusi tiap 1000ms = 1detik
    function displayTime()
{
        //buat object date berdasarkan waktu saat ini
        var time = new Date();
        //ambil nilai jam,
        //tambahan script + "" supaya variable sh bertipe string sehingga bisa dihitung panjangnya : sh.length
        var sh = time.getHours() + "";
        //ambil nilai menit
        var sm = time.getMinutes() + "";
        //ambil nilai detik
        var ss = time.getSeconds() + "";
        //tampilkan jam:menit:detik dengan menambahkan angka 0 jika angkanya cuma satu digit (0-9)
        document.getElementById("clock").innerHTML = (sh.length==1?"0"+sh:sh) + ":" + (sm.length==1?"0"+sm:sm) + ":" + (ss.length==1?"0"+ss:ss);
    }
</script>
</head>
                <font color="red" size="8" face='elephant'>
<body onload="displayTime();setInterval('displayTime()', 1000);">
<span id="clock"></span>
                <hr>
                <font color="blue" size="5" face='calibri'>
<p><b>&copy; win4zip.blogspot.com/Berbagi Tip Untuk Sesama</b></p>
</body>
</html>
Jika Programnya dijalankan maka secara otomatis akan muncul penampakan seperti ini:














Sekian dan terimakasih, Semoga bermanfaat
Cikidot..!!
Silahkan.. diSedot Om… Sedot Om… Sedot Om…




http://www.ziddu.com/download/21289409/Menyisipkan Jam Digital dengan Javascript.docx.html

4 komentar: