Skip to content

[Reblog-Contoh] Cara Menampilkan Jam Server Secara Real Time

Juli 11, 2013

Dinukil dari http://bimosaurus.com/2013/03/05/contoh-cara-menampilkan-jam-server-secara-real-time/

Jam sepertinya hal yang sederhana, tapi ternyata jam bisa membuat masalah tertentu. Perbedaan antara client dan server dalam beberapa aplikasi web dapat menjadi masalah tersendiri. Dalam sebuah halaman web, dapat saja kita menampilkan jam di web dengan javascript biasa, namun hasilnya hanyalah jam Client, artinya jam yang diambilkan waktunya dari waktu masing-masing pengakses internet. Bayangkan saja apabila sebuah input data dilakukan berdasar jam Client, maka bisa terjadi banyak masalah, terutama manipulasi waktu dan kesalahan time stamp.

Salah satu syarat menampilkan jam server ke browser adalah dengan menggunakan perintah command PHP :

 

echo date('Y-m-d H:i:s');

Y = Year
m = month (angka)
d = day (angka)
H = Jam
i = menit
s = detik

Hanya saja, tentu kita harus melakukan refresh seluruh halaman setiap saat untuk meload jam tersebut. Ada satu cara klasik meload gambar dengan menggunakan perintah HTML , dimana meta tersebut akan diletakkan di head dari sebuah halaman:


<meta http-equiv="refresh" content="2">     

Dengan demikian tiap dua detik, halaman tersebut akan direfresh. Hanya saja, cara ini sungguh akan mengganggu karena halaman browser akan selalu terrefresh seluruhnya, tentu apapun input yang sedang kita masukkan, akan hilang kembali. Untuk itu, yang akan kita lakukan adalah melakukan REFRESH DIV, dimana DIV itu akan diisi dengan jam.

Namun karena keterbatasan fasilitas penampil code di wordpress.com, saya sarankan untuk membaca selengkapnya di http://bimosaurus.com/2013/03/05/contoh-cara-menampilkan-jam-server-secara-real-time/

From → Coretan

Tinggalkan sebuah Komentar

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: