Script Menampilkan Waktu Aktual di Blog

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.

Ditulis Oleh: KanG piE

Info yang kamu baca adalah Script Menampilkan Waktu Aktual di Blog 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...