Menampilkan Tanggal dan Waktu (Aktif) dengan JavaScript | Vevioz Community

Menampilkan Tanggal dan Waktu (Aktif) dengan JavaScript

API

Staff member
Joined
Nov 17, 2018
Messages
132
Reaction score
30
Points
28
Location
Indonesia
Offline
Setelah di artikel yang sebelumnya kita mencoba
Please, Log in or Register to view URLs content!
, 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