MEMBUAT JAM DIGITAL DENGAN JAVA SCRIPT
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 copy code di bawah ini ke notepad yg ada dikomputr tmn2, 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>
""semoga berhasil""
"by iand"
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 copy code di bawah ini ke notepad yg ada dikomputr tmn2, 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>
""semoga berhasil""
"by iand"
0 komentar:
Posting Komentar