Javascript: Preview Jam
September 20, 2008 pukul 1:51 pm | Ditulis dalam Web Script | Tinggalkan komentarScript ini akan menampilkan jam di halaman kamu. Jam bisa diletakkan di dalam kotak teks atau pada tombol. Akan lebih menarik jika diotak-atik sedikit penampilannya sesuai dengan selera kamu!
<!– BEGIN
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime () {
var waktu = new Date();
var jam = waktu.getHours();
var menit = waktu.getMinutes();
var detik = waktu.getSeconds();
var previewJam = “” + ((jam >12) ? jam -12 :jam);
if (previewJam == “0″) previewJam = 12;
previewJam += ((menit < 10) ? “:0″ : “:”) + menit;
previewJam += ((detik < 10) ? “:0″ : “:”) + detik;
previewJam += (jam >= 12) ? ” P.M.” : ” A.M.”
document.jam.textbox.value = previewJam;
document.jam.tombol.value = previewJam;
timerID = setTimeout(“showtime()”,1000);
timerRunning = true;
}
function startclock() {
stopclock();
showtime();
}
// END –>
| Javascript: Preview Jam (Menggunakan Textbox)
Klik “Highlight” lalu copy dan paste ke halaman web kamu <!– CARA INSTALASI: 1. Letakkan kode pertama di bagian HEAD pada halaman HTML kamu 2. Letakkan kode kedua di bagian BODY pada halaman HTML kamu –> <!– 1. Letakkan kode berikut di bagian HEAD pada halaman HTML kamu –> <script language=’javascript’> <!– Original: Rendy Eko Prastiyo –> <!– Website: http://e-sidoarjo.co.cc –> <!– BEGIN var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var waktu = new Date(); var jam = waktu.getHours(); var menit = waktu.getMinutes(); var detik = waktu.getSeconds() var previewJam = “” + ((jam >12) ? jam -12 :jam) if (previewJam == “0″) previewJam = 12; previewJam += ((menit < 10) ? “:0″ : “:”) + menit previewJam += ((detik < 10) ? “:0″ : “:”) + detik previewJam += (jam >= 12) ? ” P.M.” : ” A.M.” document.jam.textbox.value = previewJam; timerID = setTimeout(“showtime()”,1000); timerRunning = true; } function startclock() { stopclock(); showtime(); } // END –> </script> <!– 2. Letakkan kode berikut di bagian BODY pada halaman HTML kamu –> <BODY onLoad=”startclock()”> <center> <form name=”jam”> <input type=”text” name=”textbox” size=1 value=”" readonly> </form> </center> |
| Javascript: Preview Jam (Menggunakan Tombol)
Klik “Highlight” lalu copy dan paste ke halaman web kamu <!– CARA INSTALASI: 1. Letakkan kode pertama di bagian HEAD pada halaman HTML kamu 2. Letakkan kode kedua di bagian BODY pada halaman HTML kamu –> <!– 1. Letakkan kode berikut di bagian HEAD pada halaman HTML kamu –> <script language=’javascript’> <!– Original: Rendy Eko Prastiyo –> <!– Website: http://e-sidoarjo.co.cc –> <!– BEGIN var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var waktu = new Date(); var jam = waktu.getHours(); var menit = waktu.getMinutes(); var detik = waktu.getSeconds() var previewJam = “” + ((jam >12) ? jam -12 :jam) if (previewJam == “0″) previewJam = 12; previewJam += ((menit < 10) ? “:0″ : “:”) + menit previewJam += ((detik < 10) ? “:0″ : “:”) + detik previewJam += (jam >= 12) ? ” P.M.” : ” A.M.” document.jam.tombol.value = previewJam; timerID = setTimeout(“showtime()”,1000); timerRunning = true; } function startclock() { stopclock(); showtime(); } // END –> </script> <!– 2. Letakkan kode berikut di bagian BODY pada halaman HTML kamu –> <BODY onLoad=”startclock()”> <center> <form name=”jam”> <input type=”button” name=”tombol” size=10 value=”"> </form> </center> |
Tinggalkan sebuah Komentar »
RSS umpan untuk komentar-komentar dalam tulisan ini. URI Lacak Balik
Tinggalkan Balasan
Blog pada WordPress.com. | Theme: Pool by Borja Fernandez.
Tulisan dan komentar feeds.
