Script Membuat Tampilan Jam LCD

Setiap orang pasti gak lupa sama waktu, terutama melihat jam. Yap waktu adalah penting dan itu tidak bisa kita pungkiri. Karena pentingnya waktu orang dibelahan dunia barat menyebutnya time is money. Sementara kita orang timur menyebutnya waktu hari ini harus lebih baik dari hari kemarin.

Trus apa hubungannya sama tema postingan kali ini. Ush.. kebanyakan basa-basi yah. Hemm.. Posting aku yah.. menampilkan jam di web atau blog kita. So.. biar gak kebablasan waktu plus biar terlihat asik blog kita.

Nih sok lihat atuh tampilan jam di bawah ini....

Nah.. Sahabat KLIK.. yang pengen bikin nih cara bikinnya.

Langkah 1 Simpan kode CSS di bawah ini di bagian <head>

<style>
.jam{
background-color:#ffffff;color:#000000; font: normal 16px comic sans ms; padding: 1px 15px 1px;border:3px double #000000;
}
</style>


Langkah 2 atau finalnya simpan script di bawah ini di bagian mana saja yang menurut kamu pas setelah tag body

<span id="waktu" class="jam"> </span>
<script>
<!--

/*****************************************
* LCD Clock script oleh Javascriptkit.com
* Sumber script dynamicdrive.com
* Modifikasi oleh http://sahabat-klik.blogspot.com
* This notice must stay intact for use
*****************************************/

var alternate=0
var standardbrowser=!document.all&&!document.getElementById

if (standardbrowser)
document.write(' <form name="tick"> <input type="text" name="tock" size="6"> </form>')

function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("waktu") : document.all.waktu var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"
if (hours==12) dn="PM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes
if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+" "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+" <font color='white'> :  </font>"+minutes+" "+" <sup style='font-size:1px'>"+dn+" </sup>"
else
clockobj.innerHTML=hours+"<font color='black'> : </font>"+minutes+" "+"<sup style='font-size:1px'> "+dn+" </sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show

//-->
</script>


Gitu aja deh.. selamat berkreasi dan jangan lupa komentarnya..

Ditulis Oleh: KanG piE

Info yang kamu baca adalah Script Membuat Tampilan Jam LCD dengan harapan bermanfaat untuk kamu. Silahkan kamu copas dan menyebarluaskan seluruh isi artikel ini dengan catatan menyebutkan sebagai asal sumber Info ini.

Sahabat KLIK

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...