Menampilkan Tanggal dan Waktu (Aktif) dengan JavaScript

Download-lagu-mp3.com

Developer
Staff member
Setelah di artikel yang sebelumnya kita mencoba tutorial menampilkan hari dan tanggal, saat ini kita akan mencoba menampilkannya dengan JavaScript. Dengan JavaScript waktu yang akan kita tampilkan akan terlihat berjalan atau aktif.

Silahkan teman-teman ketik source code seperti dibawah ini:

Code:
<!-- Menampilkan Jam (Aktif) -->
    <div id="clock"></div>
        <script type="text/javascript">
        <!--
        function showTime() {
            var a_p = "";
            var today = new Date();
            var curr_hour = today.getHours();
            var curr_minute = today.getMinutes();
            var curr_second = today.getSeconds();
            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;
            }
            curr_hour = checkTime(curr_hour);
            curr_minute = checkTime(curr_minute);
            curr_second = checkTime(curr_second);
         document.getElementById('clock').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p;
            }

        function checkTime(i) {
            if (i < 10) {
                i = "0" + i;
            }
            return i;
        }
        setInterval(showTime, 500);
        //-->
        </script>
<script type='text/javascript'>
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum'at', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
    thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);
</script>
Mungkin agak sedikit membingungkan bagi teman-teman yang baru mengenal JavaScript.
Dari contoh diatas saya mencoba menampilkan jam (aktif) serta skript pada baris berikutnya saya mencoba menampilkan hari, tanggal bulan dan tahun.
Teman-teman dapat mencobanya, sampai berjumpa lagi di tutorial berikutnya ya :D
 
Top Bottom