Cara Membuat Jam Digital menggunakan javaskript



Jam digital yang saya buat kali ini menggunakan javascript sebagai bahasa pemrogramannya. Munkin sobat semua kepengen tahu caranya membuat sendiri jam digital, maka akan saya jelaskan caranya melalui postingan berikut ini. Jam digital ini mungkin berguna untuk mempercantik blog atau web site sobat. Jam Digital yang saya buat ini mengambil waktu nya dari sistem komputer yang sedang dipakai untuk membuka halaman web. Jadi kalau waktu di komputernya ngawur, maka jam nya juga ngawur.

Langsung saja ini lah caranya :
  1. Pertama sobat buka dulu software web editor seperti adobe dreamweaver, front page atau kalau tidak punya semua buka saja notepad.
  2. Terus ketikkan script di bawah ini pada dokumen, gunakan mode HTML. Langsung copy paste aja biar cepet yah.
    <html>
    <head>
    <title>Jam Digital</title>
    <script type="text/javascript">
    window.setTimeout("renderDate()",1);
    days = new Array(
    "Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu"
    );
    months = new Array(
    "Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"
    );
    function renderDate(){
    var mydate = new Date();
    var year = mydate.getYear();
    if (year < 2000) {
    if (document.all)
    year = "19" + year;
    else
    year += 1900;
    }
    var day = mydate.getDay();
    var month = mydate.getMonth();
    var daym = mydate.getDate();
    if (daym < 10)
    daym = "0" + daym;
    var hours = mydate.getHours();
    var minutes = mydate.getMinutes();
    var seconds = mydate.getSeconds();
    var dn = "AM";
    if (hours >= 12) {
    dn = "PM";
    hours = hours - 12;
    }
    if (hours == 0)
    hours = 12;
    if (minutes <= 9)
    minutes = "0" + minutes;
    if (seconds <= 9)
    seconds = "0" + seconds;
    document.getElementById("jam").innerHTML = "<B>"+days[day]+" "+daym+" "+months[month]+" "+year+"</B> | "+hours+":"+minutes+":"+seconds+" "+dn;
    setTimeout("renderDate()",1000)
    }
    </script>
    </head>
    <body onLoad="renderDate()">
    <div id="jam" style="background:#00CC33;border:1px dashed #000;padding:5px;width:auto;" align="center">
    </div>
    </body>
    </html>
  3. Kalau sudah, simpan dokumen tersebut dengan nama yang sobat inginkan dan diberi ekstensi (.html) misalnya jam_digital.html
  4. Terakhir buka dan jalankan file yang telah sobat simpan tadi menggunakan browser.
  5. Jam Digital siap disajikan, selesai deh.

Previous
Next Post »

2 komentar

Click here for komentar
August 1, 2015 at 5:42 AM ×

Thank's tutorial'a gan! keren abisss

Balas
avatar
admin
May 14, 2016 at 12:24 AM ×

kalo bukan dengan kode gmn ?

Balas
avatar
admin

Terima telah berkunjung dan meniggalkan komentar di blog sederhana ini..!

NB :
1. Jangan berkomentar SPAM
2. Jangan meninggalakan LINK aktif karna otomatis akan terhapus.
Show Conversion Code Hide Conversion Code Show Emoticon Hide Emoticon

Thanks for your comment
Widget by