index

Jumat, 22 April 2011

menampilkan jam dan hari di blog

Capture
tentunya asik kalo di  tab ada muncul jam dan hari seperti gambar diatas. untuk memunculkan jam ini diperlukan beberapa baris coding, lumayan banyak juga. cara kerja dari coding ini adalah mengambil waktu yang ada di pc kita, jadi kalo pc kita gak betul jam juga g betul yang tampil di tab.
langsung saja try.

1. copi coding ini.
<script type="text/JavaScript">
<!--
function MakeArray(size)
{ this.length=size;
for(var i=1; i <= size; i++)
{ this[i]="";
}
return this;
}
function showclock()
{ var now=new Date();
var day=now.getDay();
var date=now.getDate();
var month=now.getMonth()+1;
var year=now.getYear();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds();

days=new MakeArray(7);
days[0]="Minggu";
days[1]="Senin";
days[2]="Selasa";
days[3]="Rabu";
days[4]="Kamis";
days[5]="Jum'at";
days[6]="Sabtu";
months=new MakeArray(13);
months[1]="Januari";
months[2]="Februari";
months[3]="Maret";
months[4]="April";
months[5]="Mei";
months[6]="Juni";
months[7]="Juli";
months[8]="Agustus";
months[9]="September";
months[10]="Oktober";
months[11]="Nopember";
months[12]="Desember";

var vdate="";
vdate += (days[day]) + "     ";
vdate += date + " ";
vdate += (months[month]) + " ";
if (now.getYear() < 1000)
vdate += now.getYear() + 1900
else
vdate += now.getYear();
var vtime="";
vtime += ((hours < 10) ? "0" : "") + hours;
vtime += ((minutes < 10) ? ":0" : ":") + minutes;
vtime += ((seconds < 10) ? ":0" : ":") + seconds;
var vtitle="";
vtitle="Find More Tips here";

if (document.all || document.getElementById)
{ window.setTimeout("showclock()",1000);               // update frequency
document.title = vtime+" - "+vdate+" - "+vtitle;
}
else
{ if ((seconds == 0) || (seconds == 10) || (seconds == 20) ||
(seconds == 30) || (seconds == 40) || (seconds == 50))
window.setTimeout("showclock()",10000)
else
window.setTimeout("showclock()",1000);
self.status = vdate+"     "+vtime+"     "+vtitle
}
}
showclock()
//-->
</script>

2. buka rancangan >> element laman

3. lalu tambah gadget. cari gaget html/javascript.

3. paste kan coding yang tapi.

4. simpan.

5. dan lihat hasilnya

Tidak ada komentar:

Posting Komentar