HTML

Cara Gampang Menciptakan Jam Digital Sesuai Waktu Server Dengan Javascript Di Website



Cara Praktis Membuat Jam Digital Sesuai Waktu Server dengan Javascript di Website: Membuat jam digital di dalam website merupakan cara seorang untuk menghiasi tampilan website semoga telihat lebih user friendly dan menarik..

Pengertian Javascript

JavaScript ialah bahasa pemrograman yang dapat disisipkan ke HTML menyerupai halnya PHP, akan tetapi javascript berjalan di sisi Client.

banyak para programer lebih menentukan javascript sebab kecepatannya dan tidak memberatkan website...untuk mengetahui nilai score kecepatan dan beberapa yang menghambat loading dari website atau blog sahabat dapat mengetahuinya dengan mudah..

untuk menciptakan jam digital kita memerlukan isyarat javascript.. bergotong-royong javascript ini ialah suatu script untuk yang biasa dipakai untuk memproses data secara cepat berbasis client server menyerupai pola membuat validasi login dengan ajax tanpa loading di browser...

jadi perubahan yang dilakukan tidak melalui proses loading browser yang memerlukan waktu untuk menampilkannya...

Cara menciptakan jam digital dengan javascript cukup gampang saja dan nantinya dapat sahabat kembangkan lagi memakai CSS.

Misalnya, jam ditampilkan pada halaman yang update sendiri untuk menunjukkan waktu ketika ini pada komputer pengguna. Makara dengan jam digital tampilan website dapat lebih menarik lagi.

Membuat Jam Digital Sederhana Dengan Javascript

Oke mari kita coba menciptakan jam digital tersebut

1.Buka isyarat editor sobat. Bisa memakai notepad atau codelobster atau yang lainnya

2. Copy saja isyarat di bawah ini di atas tag </head>
!DOCTYPE html> <head><title></title> <body background="jiwa alamku.jpg"> <font color="yellow" size="8" face='Chiller'> <p>Saat ini waktu pertanda pukul :<br><span id=”jam”></span></p>  <hr> <script type="text/javascript">   //fungsi displayTime yang dipanggil di bodyOnLoad dihukum tiap 1000ms = 1detik  function displayTime() {  //buat object date menurut waktu ketika ini  var time = new Date();  //ambil nilai jam,  //tambahan script + "" supaya variable sh bertipe string sehingga dapat 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 bila 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>


3. Panggil fungsingnya denga cara<body onload="displayTime();setInterval('displayTime()', 1000);"><span id="clock"></span> taruh isyarat tersebut di kawasan yang memang cocok untuk menampilkan jam digital dan letakan di website sobat…

4. Dan terakhir coba di run

bila script berhasil di run maka akan menampilkan jam digital sesuai dengan waktu server dan akan terus update..

bukan hanya menghiasi saja, tapi akan mempermudah pengunjung untuk melihat waktu hari ini..

baiklah demikian tutorial cara menampilkan jam digital di website dengan javascript sesuai waktu server ini...untuk lebih mempelajari wacana javascript sahabat dapat membaca artikel saya wacana belajar javascript untuk pemula

semoga tutorialnya berhasil dan happy coding

Subscribe to receive free email updates:

0 Response to "Cara Gampang Menciptakan Jam Digital Sesuai Waktu Server Dengan Javascript Di Website"

Posting Komentar