langsung ke TKP--->>>
Code :
<html>
<head><title>Belajar date</title>
<script language = "javascript">
<!--
var timerID = null;
var timerRunning = false;
function stopClock(){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function startclock(){
stopClock();
showTime();
}
function showTime(){
var Kini = new Date();
var Jam = Kini.getHours();
var Menit = Kini.getMinutes();
var Detik = Kini.getSeconds();
var strWaktu = "" + ((Jam>12) ? Jam-12 : Jam);
strWaktu += ((Menit<10) ? ":0" : ":") + Menit;
strWaktu += ((Detik<10) ? ":0" : ":") + Detik;
strWaktu += ((Jam<=12) ? " AM" : " PM");
document.clock.face.value = strWaktu;
timerID = setTimeout("showTime()",1000);
timerRunning = true;
}
//-->
</script>
</head>
<body onload="startclock()">
<center><h1>Contoh Menampilkan Jam</h1></center>
<hr/>
<form name="clock" onsubmit="0">
<input type="text" name="face" style="disabled=disabled"/>Waktu Sekarang!!
</form>
</body>
</html>
hasilnya :
Catatan!!!
*Tambahan yg berwarna lime
*Dirubah yg berwarna blue
Code:
var timerID = null;
var timerRunning = false;
var Lamanya = 60; // detik
Code:
function showTime(){
var Jam = Math.floor(Lamanya/3600);
var Menit = Math.floor((Lamanya-(3600*Jam)) /60);
var Detik = Lamanya-(3600*Jam)-(60*Menit);
var strWaktu = "" + ((Jam>12) ? Jam-12 : Jam);
strWaktu += ((Menit<10) ? ":0" : ":") + Menit;
strWaktu += ((Detik<10) ? ":0" : ":") + Detik;
strWaktu += ((Jam<=12) ? " AM" : " PM");
document.clock.face.value = strWaktu;
if (Lamanya>0){
Lamanya -= 1;
timerID = setTimeout("showTime()", 1000);
timerRunning = true;
}
else{
timerRunning = false;
//bila waktu habis, tampilkan GOOGLE
window.location = "http://www.google.com";
}
Hasil setelah di ganti dan di rubah script'a:
sebelum muncul tampilan google:
Setelah muncul tampilan google:
Source Code'a Download Disini
Sekian dari saya semoga bermanfaat!!
