Sobat Berbagi, pada
kesempatan kali ini saya akan membagikan tutorial untuk “Menampilkan Waktu/Jam
Sistem pada Halaman WEB”. Pada tutorial ini menggunakan javascript yang dapat
ditempatkan langsung pada script HTML.
Buat script javascript dibawah ini :
<script>
function
viewjam(){
var jam;
var jamku = new Date();//membuat
objek waktu
jam = "Sekarang Jam :
"+jamku.getHours()+":"+jamku.getMinutes()+":"+jamku.getSeconds();//menempatkan
data waktu pada variabel
document.getElementById('tampiljam').innerHTML=jam;//menampilkan
variabel jam pada html
setTimeout('viewjam()',0);//meload
function secara terus menerus
}
</script>
Script diatas
digunakan untuk Menampilkan Waktu/Jam Sistem pada Halaman WEB dengan
menggunakan fungsi Date() pada
javascript. Dari fungsi Date() yang digunakan bisa kita gunakan fungsi khusus
yang ada didalamnya :
1)
.getHours() : digunakan untuk mengambil value Hour/jam.
2)
.getMinutes() : digunakan untuk mengambil value Minute/menit.
3)
.getSeconds() : digunakan untuk mengambil value Second/detik.
Sebagai tempat untuk
menampilkan hasil javascript yang dibuat, buat script HTML seperti dibawah ini
:
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>BELAJAR WEB II</title>
</head>
<body onload="viewjam();">
<div>MOH. SUKRON MAKMUN</div>
<div><i>Sekarang
Jam</i> <strong><big><a id="tampiljam"></a></big></strong>
</div>
</body>
</html>
Kemudian Letakkan
script javascript untuk menampilkan jam didalam tag <head> pada HTML,
sehingga menjadi seperti ini :
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>BELAJAR WEB II</title>
<script>
function viewjam(){
var jam;
var jamku = new Date();//membuat
objek waktu
jam = "Sekarang Jam :
"+jamku.getHours()+":"+jamku.getMinutes()+":"+jamku.getSeconds();//menempatkan
data waktu pada variabel
document.getElementById('tampiljam').innerHTML=jam;//menampilkan
variabel jam pada html
setTimeout('viewjam()',0);//meload
function secara terus menerus
}
</script>
</head>
<body onload="viewjam();">
<div>MOH. SUKRON MAKMUN</div>
<div><i>Sekarang
Jam</i> <strong><big><a id="tampiljam"></a></big></strong>
</div>
</body>
</html>
Jalankan file HTML
pada localhost atau langsung pada browser.
0 komentar:
Post a Comment
Gunaka bahasa yang santun dalam berkomentar.