Jam digital yang aku buat kali ini memakai javascript sebagai bahasa pemrogramannya. Munkin teman semua kepengen tahu caranya menciptakan sendiri jam digital, maka akan aku jelaskan caranya melalui postingan berikut ini. Jam digital ini mungkin berkhasiat untuk mempercantik blog atau web site sobat. Jam Digital yang aku buat ini mengambil waktu nya dari sistem komputer yang sedang digunakan untuk membuka halaman web. Kaprikornus kalau waktu di komputernya ngawur, maka jam nya juga ngawur.
Langsung saja ini lah caranya :
- Pertama teman buka dulu software web editor ibarat adobe dreamweaver, front page atau kalau tidak punya semua buka saja notepad.
- Terus ketikkan script di bawah ini pada dokumen, gunakan mode HTML. Langsung copy paste aja semoga cepet yah.
<html>
<head>
<title>Jam Digital</title>
<script type="text/javascript">
window.setTimeout("renderDate()",1);
days = new Array(
"Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu"
);
months = new Array(
"Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"
);
function renderDate(){
var mydate = new Date();
var year = mydate.getYear();
if (year < 2000) {
if (document.all)
year = "19" + year;
else
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";
hours = hours - 12;
}
if (hours == 0)
hours = 12;
if (minutes <= 9)
minutes = "0" + minutes;
if (seconds <= 9)
seconds = "0" + seconds;
document.getElementById("jam").innerHTML = "<B>"+days[day]+" "+daym+" "+months[month]+" "+year+"</B> | "+hours+":"+minutes+":"+seconds+" "+dn;
setTimeout("renderDate()",1000)
}
</script>
</head>
<body onLoad="renderDate()">
<div id="jam" style="background:#00CC33;border:1px dashed #000;padding:5px;width:auto;" align="center">
</div>
</body>
</html> - Kalau sudah, simpan dokumen tersebut dengan nama yang teman inginkan dan diberi ekstensi (.html) contohnya jam_digital.html
- Terakhir buka dan jalankan file yang telah teman simpan tadi memakai browser.
- Jam Digital siap disajikan, selesai deh.
0 comments:
Post a Comment