Untuk membuat tampilan web lebih menarik biasanya kita menambahkan beberapa aksesoris-aksesoris. Salah satunya adalah jam digital. Jam digital dapat dibuat menggunakan java script dengan memanfaatkan fungsi Date() dan fungsi setTimeout() untuk melakukan refresh setiap detik pada halaman. Baik langsung saja kita praktekkan. Silahkan ketik code di bawah ini kemudian simpan dengan nama jam.html dan jalankan. Selamat mencoba !
<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>
0 komentar:
Posting Komentar
Terima kasih anda telah berkunjung diblog saya,,,!!!
Jangan lupa comment ya,,,!!!! U Comment I Follow!!!
comment anda sangat berarti buat kemajuan blog saya,,
Blog ini DoFollow