Sunday 18 May 2014

Membuat Jam Dengan JAVASCRIPT HTML


Kode dibawah ini akan menampilkan jam lokal secara terus menerus pada halaman browser anda. langsung saja sedot kodenya dibawah ini. kode dibawah ini saya kerjakan dengan menggunakan Dreamweaver.

Pasangan tag :
<script type="text/javascript">
</script>
menyatakan bahwa yang ada di dalamnya adalah kode Javascript.

Berikut ini adalah penampakannya :


Source Code :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Jam</title>
<script type="text/javascript">
function tampilkanJam() {
var waktu = new Date();
var jam = waktu.getHours();
var menit = waktu.getMinutes();
menit =((menit < 10) ? "0" : "") + menit;
var detik = waktu.getSeconds();
detik = ((detik < 10) ? "0" : "") + detik;
var jamSekarang = jam + ":" + menit + ":" + detik;
document.getElementById("jam").innerHTML = jamSekarang;
window.setTimeout("tampilkanJam()",1000)
}
</script>

</head>

<body onload="tampilkanJam()">
Jam Sekarang: <span id="jam"></span>
</body>
</html>


---------------------------Thank You-----------------------------------