Kali ini saya ingin berbagi Tip membuat Jam
Digital otomatis dengan menggunakan Javascript.
Langsung saja saya kasih codenya…
Silahkan Copast…
<!DOCTYPE
html>
<head><title></title>
<body background="jiwa
alamku.jpg">
<font
color="yellow" size="8" face='Chiller'>
<p>Saat ini waktu menunjukan
pukul :<br><span id=”jam”></span></p>
<hr>
<script
type="text/javascript">
//fungsi displayTime yang dipanggil di bodyOnLoad dieksekusi tiap 1000ms
= 1detik
function displayTime()
{
//buat object date berdasarkan waktu
saat ini
var time = new Date();
//ambil nilai jam,
//tambahan script + "" supaya
variable sh bertipe string sehingga bisa dihitung panjangnya : sh.length
var sh = time.getHours() +
"";
//ambil nilai menit
var sm = time.getMinutes() +
"";
//ambil nilai detik
var ss = time.getSeconds() +
"";
//tampilkan jam:menit:detik dengan
menambahkan angka 0 jika angkanya cuma satu digit (0-9)
document.getElementById("clock").innerHTML =
(sh.length==1?"0"+sh:sh) + ":" +
(sm.length==1?"0"+sm:sm) + ":" +
(ss.length==1?"0"+ss:ss);
}
</script>
</head>
<font
color="red" size="8" face='elephant'>
<body
onload="displayTime();setInterval('displayTime()', 1000);">
<span
id="clock"></span>
<hr>
<font
color="blue" size="5" face='calibri'>
<p><b>©
win4zip.blogspot.com/Berbagi Tip Untuk Sesama</b></p>
</body>
</html>
Jika Programnya
dijalankan maka secara otomatis akan muncul penampakan seperti ini:
Sekian dan terimakasih, Semoga bermanfaat
Cikidot..!!
Silahkan.. diSedot Om… Sedot Om… Sedot Om…
Silahkan.. diSedot Om… Sedot Om… Sedot Om…
http://www.ziddu.com/download/21289409/Menyisipkan Jam Digital dengan Javascript.docx.html
makasih mas, sangat bermanfaat sekali :)
BalasHapusSama-sama mas..
HapusTerima Kasih Atas tutorialnya .. artikel yang sangat bagus ..
BalasHapussama-sama
Hapus