Saturday, March 6, 2010

Tutorial script Javascript : Jam digital dengan javascript

Untuk membuat efek tampilan web agar menarik biasanya di tambahkan aksesoris, jam digital salah satunya. untuk membuat jam digital bisa juga menggunakan script javascript, karena javascript mempunyai fungsi Date() dan setTimeout() yang berfungsi untuk merefresh halaman.
contoh jam digital sederhana menggunakan script javascript.
jam.html

<html>
<head>
<title>Jam Digital</title>
<script type="text/javascript">
// 1 detik = 1000
window.setTimeout("waktu()",1000);
function waktu()
{
var tanggal = new Date();
setTimeout("waktu()",1000);
document.getElementById("output").innerHTML = tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds();
}
</script>
</head>
<body bgcolor="white" text="black" onload="waktu()">
<table align=center style="border:1px solid black" bgcolor="#CCCCCC"><tr><td>
<div id="output">
</div></td></tr>
</table>
</body>
</html>

simpan script javascript di atas dengan nama jam.html
selamat mencoba....
[Download jam.html]
[View Demo @ http://catment.co.cc/demo/jam.html]

No comments:

Post a Comment