Menampilkan Waktu Ketika Ini Dengan Javascript

Published by Concept Phone Senin, 07 Januari 2019

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 dapat menampilkan waktu dikala halaman terakses. Sementara dikala waktu dikala ini telah berubah, jam ini tidak akan ikut mengubah waktunya:

Lihat Demo

Pembaharuan: Versi Jam Aktif

Dapat dibentuk 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>

Sumber https://www.dte.web.id/