Ok....
Sebelumnya aku udah membahas Script Membuat Tampilan Jam LCD, nah kali ini aku akan membahas script waktu aktual yang menampilkan hari, tanggal, bulan, tahun, dan serta jam saat ini. Lengkap banget dan amat beda ama postingan terdahulu.
Seperti apa tampilannya?
Nih tampilan yang akan aku buat di bawah ini:
Mau membuatnya? Ok..
Berikut tahapan cara membuatnya..
pertama simpan script di bawah ini di antara <body> </body> blog. Penempatannya terserah di mana kamu suka misalnya: widget, postingan, atau laman.
<script>
/*
Live Date Script- © Dynamic Drive
Modify oleh Sahabat KLIK
*/
var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu")
var montharray=new Array("Jan","Peb","Mar","Apr","Mei","Jun","Jul","Agust","Sept","Okt","Nov","Des")
function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var cdate="<small> <font color='000000' face='Arial'> <b> "+dayarray[day]+", "+daym+" "+montharray[month]+" "+year+ " "+hours+":"+minutes+":"+seconds+" "+dn +"</b> </font> </small>"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
</script>
<span id="clock"> </span>
Selanjutnya tepat setelah atau di bawah <body> menambahkan kode:
<body onLoad="goforit()">
Hemm... Jadi deh.. semoga bermanfaat.
Sebelumnya aku udah membahas Script Membuat Tampilan Jam LCD, nah kali ini aku akan membahas script waktu aktual yang menampilkan hari, tanggal, bulan, tahun, dan serta jam saat ini. Lengkap banget dan amat beda ama postingan terdahulu.
Seperti apa tampilannya?
Nih tampilan yang akan aku buat di bawah ini:
Mau membuatnya? Ok..
Berikut tahapan cara membuatnya..
pertama simpan script di bawah ini di antara <body> </body> blog. Penempatannya terserah di mana kamu suka misalnya: widget, postingan, atau laman.
<script>
/*
Live Date Script- © Dynamic Drive
Modify oleh Sahabat KLIK
*/
var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu")
var montharray=new Array("Jan","Peb","Mar","Apr","Mei","Jun","Jul","Agust","Sept","Okt","Nov","Des")
function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var cdate="<small> <font color='000000' face='Arial'> <b> "+dayarray[day]+", "+daym+" "+montharray[month]+" "+year+ " "+hours+":"+minutes+":"+seconds+" "+dn +"</b> </font> </small>"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
</script>
<span id="clock"> </span>
Selanjutnya tepat setelah atau di bawah <body> menambahkan kode:
<body onLoad="goforit()">
Hemm... Jadi deh.. semoga bermanfaat.