JavaScript Pengukur Waktu

JavaScript Pengukur Waktu - Mengambil event atau kejadian saat ini berdasarkan pengukur waktu, dengan istilah Greenwich Mean Time atau yang kita kenal dengan GMT adalah Waktu Dunia dan dasar dari setiap zona pengukur waktu di dunia. GMT memiliki koreksi untuk menentukan waktu setempat (Dimana Pengukur Waktu Ini Ditampilkan), waktunya tetap sepanjang tahun dan tidak akan beralih berdasarkan musim di negara tersebut, artinya waktu akan ditentukan berdasarkan negara, dan ditampilkan mengikuti waktu yang terjadi pada negara tersebut.

Seperti jam digital, stopwacth time atau yang sering Anda lihat pada beberapa blog yang menampilkan widget pengukur waktu seperti itu,  sama seperti cara Membuat Widget Jam Analog Dengan CSS diartikel sebelumnya yang menggunakan JavaScript pengukur waktu GMT.
Disini akan saya tampilkan 3 versi pengukur waktu dengan JavaScript seperti ini:

Versi 24jam


<script type="text/javascript">
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 type="text/javascript">
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>

Versi Stopwatch


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