menu

Selasa, 23 Agustus 2011

membuat jam pada title bar

ini adalah tutorial ane yang pertama, kalo pertama kali enaknya yang simpel aja kali ye. Kali ini ane ngebahas javascript, dimana javascript sering dipakai dalam pemrograman berbasis website selain php & html. Pertama - tama dibuat dulu file javascript nya dengan lalu di embed di halaman html nya



//title_clock.js
var clockz;
//setting titlebar menjadi waktu
var titleclock=document.title;
var ap;

//membuat function jam
function title_jam()
{
waktu=new Date();
jam=waktu.getHours();
menit=waktu.getMinutes();
detik=waktu.getSeconds();

if(jam<=9)
{
//setting format jam
jam="0"+jam;
}
if(menit <=9)
{
    //setting format menit
menit="0"+menit;
}
if(detik <=9)
{
    //setting format detik
detik="0"+detik;
}

if(jam>=12)
{
ap="PM";
}
else
{
ap="AM";
}
if(jam>12)
{
jam=jam-12;
}
var clockz=jam+":"+menit+":"+detik;
document.title=clockz;
setTimeout("title_jam()",1000);

}
if(document.all)title_jam(); 
lalu dihalaman html nya tinggal di akses file javascriptnya


<head>
<script type="text/javascript" src="title_clock.js">
</head>
<body onload="title_jam()">
setelah selesai tinggal di save as dengan format html & langsung bisa dilihat hasilnya di browser.

Tidak ada komentar:

Posting Komentar