Para sobat blogger yang hobi nya mendesain web ataupun seorang blogger mungkin tidak asing lagi dengan instilah javascript, itu lohhh yang rumusnya panjang dan susah abis. nah kali ini sayang akan memberikan code untuk tampilan jam LCD menggunakan javascript yang bisa sobat gunakan untuk gadget pada web atau blog sobat. untuk lebih mudahnya sobat langsung aja copy script dibawah ini, dan bagi yang sudah ahli tinggal ganti-ganti perintahnya aja deh dijamin seruh abis.
<html>
<title>Jam LCD</title>
<head>
<style>
<!--
.jamLCD{
background-color:black;
color:lime;
font: bold 15px MS Sans Serif;
padding: 3px;
}
-->
</style>
</head>
<body >
<span id="jamdigital" class="jamLCD"></span>
<script>
var alternatif=0
var cobabrowser=!document.all&&!document.getElementById
if (cobabrowser)
document.write('<form name="ufizahro2"><input type="text" name="ufizahro" size="6"></form>')
function menampilkanjam(){
if (!cobabrowser)
var objek_jam=document.getElementById? document.getElementById("jamdigital") : document.all.jamdigital
var Digital=new Date()
var jam=Digital.getHours()
var menit=Digital.getMinutes()
var ufizahro3="AM"
if (jam==12) ufizahro3="PM"
if (jam>12){
ufizahro3="PM"
jam=jam-12
}
if (jam==0) jam=12
if (jam.toString().length==1)
jam="0"+jam
if (menit<=9)
menit="0"+menit
if (cobabrowser){
if (alternatif==0)
document.ufizahro2.ufizahro.value=jam+" : "+menit+" "+ufizahro3
else
document.ufizahro2.ufizahro.value=jam+" "+menit+" "+ufizahro3
}
else{
if (alternatif==0)
objek_jam.innerHTML=jam+"<font color='lime'> : </font>"+menit+" "+"<sup style='font-size:1px'>"+ufizahro3+"</sup>"
else
objek_jam.innerHTML=jam+"<font color='black'> : </font>"+menit+" "+"<sup style='font-size:1px'>"+ufizahro3+"</sup>"
}
alternatif=(alternatif==0)? 1 : 0
setTimeout("menampilkanjam()",1000)
}
window.onload=menampilkanjam
</script>
</body>
</html>
Untuk sobat yang pengen jam LCD nya sesuai dengan selerah dapat mengganti pengaturan umunya pada script
.jamLCD{
background-color:black; (warna latar belakang)
color:lime;(warna Jam)
font: bold 15px MS Sans Serif;(ukuran dan jenis huruf)
padding: 3px;(Ukuran Border)
}
yang telah ada pada javascript diatas, semoga bermanfaat bagi para sobat.
