membuat jam dengan javascript di blog

yah.., akhhirnya bisa posting lagi, setelah beberapa bulan gak posting, alexa rank turun drastis, laptop rusak dll, pada kesempatan yang bagus ini saya akan berbagi tentang cara membuat jam pada blog dengan menggunakan javascript. yeeah, mungkin kebanyakan para pengguna internet khususnya blogger pasti sudah tahu tentang java script
javascript adalah sebuah language atau bahasa yang digunakan pada web untuk menyisipkan animasi / aplikasi dll pada blog, javascript pola codenya hampir sama persis dengan SQL, visual basic, C++ dan lain lain.
langsung kepada intinya pada postingan kali ini, tepat dengan judulnya yaitu membuat jam sederhana pada web/ blog dengan javascript seperti dibawah ini

kode javascript

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

Kode html

<div id="clock"> </div>

secara keseluruhan :


<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> <div id="clock" style='font-size:18pt'> </div>
 maka hasilnya

kode secara keseluruhan diatas dapat ditaruh / dicopas di Tata letak >> tambah gadget >> HTML/javascript.
bila mungkin anda bingung silakan contact melalui Facebook : http://www.facebook.com/badar.3128

Read More