Jam Digital?
Tentunya anda sudah tahu apa yang disebut dengan Jam Digital, yaitu penunjukan waktu jam dengan menggunakan angka-angka digital. Bagaimana menampilkannya dengan menggunakan script PHP?
Mudah kok. dibawah ini saya berikan salah satu contoh scriptnya :
<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("tanggalku").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="#FFBBCC"><tr><td>
<div id="tanggalku">
</div></td></tr>
</table>
</body>
</html>
Simpan script diatas dengan nama "jamdigital.php"
Lalu jalankan localhost dan panggil file tersebut di brouser anda. Maka jam akan muncul seperti contoh tampilan di bawah ini :
Tentunya anda sudah tahu apa yang disebut dengan Jam Digital, yaitu penunjukan waktu jam dengan menggunakan angka-angka digital. Bagaimana menampilkannya dengan menggunakan script PHP?
Mudah kok. dibawah ini saya berikan salah satu contoh scriptnya :
<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("tanggalku").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="#FFBBCC"><tr><td>
<div id="tanggalku">
</div></td></tr>
</table>
</body>
</html>
Simpan script diatas dengan nama "jamdigital.php"
Lalu jalankan localhost dan panggil file tersebut di brouser anda. Maka jam akan muncul seperti contoh tampilan di bawah ini :
|
|
|---|
Mudah kan... semoga bermanfaat.
Salam
4 Komentar
bagaimana cara menggabungkannya dengan web saya???
BalasHapusYa tinggal di pasangkan saja script tsb di mana akan diletakan nya.
HapusSuwun Gan.
BalasHapusMakasih agan untuk pencerahannya..
BalasHapus