Membuat Jam,Hari, Dan Tanggal Dengan Javascript Di Blog

Membuat Jam,Hari, dan Tanggal dengan Javascript di Blog - Setelah beberapa ahad tidak posting dikarenakan ada persiapan buat UTS, pada kesempatan kali ini aku akan membahas wacana Cara Membuat Jam ,Hari, dan Tanggal dengan Javascript di Blog yang aku ambil acuan dari Blog Kang Rian. ...

Ada beberapa pilhan yang tersedia pada sajian tersebut, bila anda suka silahkan lihat dan pelajari javascript dibawah ini:

1. Tanggal dengan Javascript:

Baca Juga

Kode Javascriptnya:

<script type="text/javascript"> <!-- var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember']; var date = new Date(); var day = date.getDate(); var month = date.getMonth(); var yy = date.getYear(); var year = (yy < 1000) ? yy + 1900 : yy; document.write(day + " " + months[month] + " " + year); //--> </script>

2. Hari dan Tanggal :

Kode Javascriptnya:

<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&#39;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>

3. Jam kini (Pasif):

Kodenya Javascriptnya:

<script type="text/javascript"> <!-- var d = new Date(); var curr_hour = d.getHours(); 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); //--> </script>

4. Dengan Format AM/PM

Kode Javascriptnya:

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

5. Jam Sekarang (Aktif):

Kode Javascriptnya:

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

Semoga bermanfaat.