Cara Menampilkan Jam Berjalan di PHP

Cara menampilkan jam berjalan di PHP secara realtime sesuai waktu server menggunakan javascript atau jquery ajax sebagai pengitung detik, menit, dan jam sehingga waktu berjalan akan tampil seperti jam digital. Namun menampilkan jam berjalan pada tutorial ini cukup dengan code javascript saja yang disisipkan pada file php dengan sangat sederhana. Sebagai informasi bahwa tipe data date time di php juga dapat dimanipulasi menggunakan operasi aritmatika, jadi tidak hanya operasi logika saja. Membuat jam berjalan dengan waktu realtime pada web browser ini akan terlihat dinamis, tiap detik akan terus bergerak tanpa harus refresh atau reload halaman. Tidak hanya menampilkan jam berjalan di php saja, bisa juga menambahkan waktu aktif seperti tanggal secara realtime sesuai waktu server yang dipilih.

Tutorial cara menampilkan jam berjalan di php sehingga dapat mengetahui tanggal waktu aktif detik menit secara realtime akan berjalan baik pada kode javascript yang disisipkan php 7. Untuk membuat jam berjalan dengan operasi date time akan dilakukan pada kode javascript, sedangkan script php digunakan untuk menentukan waktu server yang diinginkan. Terkait operasi tipe data tanggal silahkan baca artikel penjumlahan dan pengurangan tanggal bulan tahun dengan php.

Langsung saja berikut adalah cara menampilkan jam berjalan di php secara realtime menggunakan kode javascript sehingga akan tampil waktu aktif dinamis pada browser.

Cara Menampilkan Jam Berjalan di PHP

jam berjalan di php

menampilkan jam berjalan di php

1. Menentukan Zona Waktu Server.

Untuk menentukan zona waktu server atau timezone, sistem PHP telah menyediakan metode sendiri yaitu menggunakan function date_default_timezone_set. Sebagai contoh kita akan menentukan timezone area Asia/jakarta, maka penulisan kode program nya adalah sebagai berikut.

date_default_timezone_set("Asia/jakarta")

Jika Anda berada pada zona waktu lain, silahkan sesuaikan nilai pada argumennya, misal Asia/Makassar atau Asia/Jayapura.

2. Membuat Program Jam Berjalan dengan Kode JavaScript.

Sebelum menampilkan jam berjalan di php, yang harus dilakukan lebih dulu adalah membuat methode get tanggal pada javascript. Method get tanggal tersebut akan digunakan untuk mendapatkan informasi dari object jam, menit, dan detik realtime pada tanggal di server. Penulisan kode javascript get jam, menit, dan detik dinamis adalah sebagai berikut.

<script type="text/javascript">
		window.onload = function() { jam(); }
	   
		function jam() {
			var e = document.getElementById('jam'),
			d = new Date(), h, m, s;
			h = d.getHours();
			m = set(d.getMinutes());
			s = set(d.getSeconds());
	   
			e.innerHTML = h +':'+ m +':'+ s;
	   
			setTimeout('jam()', 1000);
		}
	   
		function set(e) {
			e = e < 10 ? '0'+ e : e;
			return e;
		}
</script>

Penjelasan membuat jam berjalan pada kode javascript untuk menampilkan jam aktif realtime di atas adalah sebagai berikut.

getHours() metode ini berfungsi untuk mengambil objek jam antara (00-23).
getMinutes() berfungsi untuk mengambil objek menit 60 (0-59).
getSeconds() metode yang berfungsi untuk mengambil objek second atau detik (0-59).

3. Menggabungkan Semua Kode ke dalam File PHP.

Langkah terakhir membuat jam berjalan pada tutorial cara menampilkan jam berjalan di php secara realtime adalah menggabungkan semua kode program di atas ke dalam file PHP. Hal ini tidak wajib, kita boleh saja memisah antara blok kode php dengan javascript, tutorial ini hanya untuk mempermudah saja.

Secara utuh kode program php untuk menampilkan jam berjalan menggunakan javascript dengan metode get tanggal adalah sebagai berikut.

<html>
<head>
	<title>Cara Menampilkan Jam Berjalan di PHP</title>
</head>
<body>
	<?php
		date_default_timezone_set("Asia/jakarta");
	?>
	<h4>Menampilkan Jam Berjalan Realtime Server</h4>
	<p>Jam Digital: <b><span id="jam" style="font-size:24"></span></b></p>
	
	<script type="text/javascript">
		window.onload = function() { jam(); }
	   
		function jam() {
			var e = document.getElementById('jam'),
			d = new Date(), h, m, s;
			h = d.getHours();
			m = set(d.getMinutes());
			s = set(d.getSeconds());
	   
			e.innerHTML = h +':'+ m +':'+ s;
	   
			setTimeout('jam()', 1000);
		}
	   
		function set(e) {
			e = e < 10 ? '0'+ e : e;
			return e;
		}
	</script>
</body>
</html>

Jika dijalankan pada web browser kode program menampilkan jam berjalan di php secara realtime di atas maka akan tampil seperti gambar di bawah ini.

menampilkan jam berjalan di php

Untuk membuat jam berjalan, silahkan langsung kopi saja source code php di atas, dan pastikan pad web browser tampil jam berjalan seperti gambar jam digital tersebut.

Tutorial Cara Menampilkan Jam Berjalan di PHP

Sekian penjelasan tentang cara membuat code untuk menampilkan jam berjalan di php secara realtime menggunakan kode javascript dengan metode get tanggal. Untuk mendapatkan source code atau script membuat jam berjalan, silahkan Anda dapat langsung copas melalui coding yang tampil di atas, jika script error mohon hubungi kami melalui SMS atau email atau melalui form komentar dan obrolan. Semoga dapat membantu.

Baca juga :