MEMBUAT JAM DIGITAL DENGAN JAVA SCRIPT
Setiap web developer pasti ingin membuat tampilan website yang dibuat sebagus mungkin. 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.
<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>
Selama mencoba ya....
Tidak ada komentar:
Posting Komentar