Devy Ferdiansyah, M. Kom

Kumpulan BLOG dan VLOG Pribadi Koe

Membuat Jam Digital

1 min read

8 : 46 : 32

Diatas adalah tampilan jam digital yang mengikuti jam server dimana hosting web kita disimpan, tampilan jam digital diatas dapat kita sematkan atau kita tempelkan di website pribadi atau blog kita, biasanya letaknya di paling atas sebelum menu utama, cara membuatnya adalah cukup dengan membuat 3 buah Tag span, yaitu jam, menit dan detik, lalu buat script javascript untuk membaca jam, menit dan detik pada saat ini, kemudian akan membaca jam server saat ini.

Kodingannya adalah sebagai berikut :

<!DOCTYPE html>
<html>
<head>
	<title>Jam Digital</title>
</head>
<body>

<style>
#jam,#menit,#detik {
	font-size:50px;
}
</style>
<center>
		<span id="jam"></span>

		<span id="menit"></span>

		<span id="detik"></span>
</center>

<script>
	window.setTimeout("waktu()", 1000);

	function waktu() {
		var waktu = new Date();
		setTimeout("waktu()", 1000);
		document.getElementById("jam").innerHTML = waktu.getHours()+ " : ";
		document.getElementById("menit").innerHTML = waktu.getMinutes()+ " : ";
		document.getElementById("detik").innerHTML = waktu.getSeconds();
	}
</script>
</body>
</html>

Selamat mencoba

More Stories

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *