Menampilkan Waktu Saat Ini dengan JavaScript

Tabel Konten
  1. Versi 24 Jam 
  2. Versi AM & PM 
  3. Pembaharuan: Versi Jam Aktif 
Jam JavaScript

Versi 24 Jam 

<script>
<!--
var d         = new Date();
var curr_hour = d.getHours();
var curr_min  = d.getMinutes();
document.write(curr_hour + " : " + curr_min);
//-->
</script>

Versi AM & PM 

<script>
<!--
var a_p       = "";
var d         = new Date();
var curr_hour = d.getHours();
if (curr_hour < 12) {
   a_p = "AM";
} else {
   a_p = "PM";
}
if (curr_hour == 0) {
   curr_hour = 12;
}
if (curr_hour > 12) {
   curr_hour = curr_hour - 12;
}

var curr_min = d.getMinutes();
curr_min = curr_min + "";
if (curr_min.length == 1) {
   curr_min = "0" + curr_min;
}

document.write(curr_hour + " : " + curr_min + " " + a_p);
//-->
</script>

Kode-kode ini bukan merupakan jam aktif melainkan jam pasif yang hanya bisa menampilkan waktu saat halaman terakses. Sementara saat waktu saat ini telah berubah, jam ini tidak akan ikut mengubah waktunya:

Lihat Demo

Pembaharuan: Versi Jam Aktif 

Dapat dibuat secara sederhana dengan JavaScript setInterval():

<time id="clock"></time>
<script>
(function() {
    var clock = document.getElementById('clock');
    setInterval(function() {
        var time = new Date().toString().split(' ')[4];
        clock.innerHTML = time;
    }, 13);
})();
</script>

4 Komentar

  • MUX SPARROW

    iNI bisa diterapin di timestamp komentar gak ya, Mas? soale di komentar blog saya ada tuh timestampnya di header comment cuman saya hide pake warna sama dengan bekgron biar gak keliatan..soale ngaco waktunya :p

  • Taufik Nurrohman

    @MUXLIMO Bisa. Tapi untuk timestamp komentar bukannya waktunya bisa diatur di bagian GMT. Untuk Waktu Indonesia Barat ada di GMT+7.

  • Unknown

    untuk tanggal gimana bang??

  • Bima Aditama

    makasih gan infonya..
    Backlink : http://bmaster23.blogspot.com

Komentar telah ditutup.