Menampilkan Waktu Saat Ini dengan 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>