Menampilkan Jam Server dengan Javascript dan PHP


yo kawan-kawan blogger semua. Gimana nih kabarnya?? pasti baik dong :D. oke kali ini saya akan berbagi ilmu tentang javascript nih. Terkadang orang bingung untuk menampilkan jam server padahal itu sangat gampang "BAGI YANG SUDAH TAHU" :D. oke langsung saja deh untuk kali ini lagi ga mood buat basa basi jadi langsung ke coding aja ya :

<?php
 date_default_timezone_set("Asia/Jakarta");
 #buat setting jam server indonesia
?>
<div id="x"></div>
<script>
 jamS = new Date("<?= date("Y m d H:i:s") ?>");
 jamL = new Date();
 jamD = jamS - jamL;
 function show(){
  jam = new Date();
  jam.setMilliseconds(jam.getMilliseconds() - jamD);
  h = (jam.getHours() < 10) ? "0"+jam.getHours() : jam.getHours();
  i = (jam.getMinutes() < 10) ? "0"+jam.getMinutes() : jam.getMinutes();
  s = (jam.getSeconds() < 10) ? "0"+jam.getSeconds() : jam.getSeconds();
  document.getElementById("x").innerHTML = h+":"+i+":"+s;
 }
 var xa = setInterval("show()", 100);
</script>


yah hanya sedikit itu saja lah. mudah kan???
logikanya begini : ambil jam server dan kurangkan dengan jam di PC client dan hasilnya akan disimpan di variabel untuk di kurangkan lagi dengan jam di pc agar sama dengan jam server dan akhirnya tampilkan deh.
klo masih bingung comment aja. pasti saya jawab kok. oke sampai sini aja dlu bye smw

By : L Shaf

Komentar

  1. ini yang saya cari.. akhirnya nemu juga. simple dan menarik, terus untuk tampilkan tanggalnya gimana gan?..

    BalasHapus
    Balasan
    1. ini gan
      var tahun = jam.getFullYear();
      var bulan = jam.getMonth();
      var tanggal = jam.getDate();
      thanks udah comment

      Hapus
    2. trims juga gan, sorry gan.. nanya lagi. "jam" itu apa sudah mengikuti jam + tanggal dari server ya. berarti yang menghitung (lanjutan jam adalah komputer local) betul gitu gan?

      Hapus
    3. yup benar sekali. pertama kali refresh dia hanya mencari perbedaan server dan local kemudian jam local akan di kurangkan dengan hasil perbedaan antara jam server dan jam local tersebut.

      jika ingin tau lebih banyak mengenai pemrogaman berbasis web atau mau nanya2 gabung aja gan di https://www.facebook.com/groups/ind.linux/ grup itu saya sendiri kok yang mengelola :)

      Hapus
    4. ok trims gan. coba saya akan gabung. :) saya baru mulai belajar masuk pemrograman web gan... banyak bingungnya daripada ngeh-nya :)

      Hapus
    5. iy gan, silahkan bertanya2. kami di sana juga belajar juga kok

      Hapus
    6. gan mohon pencerahan, masih mengenai jam. bagaimana caranya pas ambil jam server. kemudian kita hanya meneruskan detiknya saja pada komputer client. sehingga kapanpun mau di refresh jam server masih tampil di client.. (jadi tidak perlu membandingan dengan jam server dan local lagi). terimakasih

      Hapus
    7. lebih jelasnya gmn?? masih belum mudeng

      Hapus
    8. contohnya seperti ini gan, jam server 12:08:09 sedangkan jam local 10:06:23. (dalam hal ini jam local tidak perlu diperhatikan). kita akan mengolah data awal jam server 12:08:09 menjadi TAMPILAN jam local kita dengan cara meneruskan :09 (detik) kita tambah perdetik 00:00:01 detik. sehingga detik selanjutnya menjadi 12:08:10 ... dan seterusnya..

      Hapus
    9. cara itu sudah saya coba dan tidak efektif. knp? silahkan kamu coba sample tersebut dan pindah tab browser kamu ke tab lain selama 10 mnit. dan lihat hasilnya. apakah sama dengan jam server?? lihat detik dan menitnya.

      Hapus

Posting Komentar

Postingan populer dari blog ini

Mind Breaker

数字言語 [Suuji Gengo]