Menampilkan Jam di Website Menggunakan Javascript

Beberapa website selalu menampilkan jam di homepage mereka sehingga seorang user dapat mengetahui dengan mudah waktu yang sedang berjalan saat ini.

Jika anda ingin menambahkan jam di website anda, salah satu cara alternatif untuk menampilkannya adalah dengan menggunakan Javascript.

Anda dapat mengikuti source berikut ini untuk menampilkan jam pada blog atau website anda. Caranya, anda tinggal menyisipkan script di tempat yang anda inginkan untuk muncul jam.

Membuat Jam dengan Javascript

Untuk mengetes apakah jam tersebut berjalan atau tidak, anda dapat menyimpan source code berikut ini ke file html dan menjalankannya pada browser.

<!DOCTYPE html>
<html>
	<head>
		<title>Menampilkan Jam</title>
		<script>
			function waktu()
			{
				var sekarang=new Date();
				var h=sekarang.getHours();
				var m=sekarang.getMinutes();
				var s=sekarang.getSeconds();
				// add a zero in front of numbers<10
				m=cekNol(m);
				s=cekNol(s);
				document.getElementById('jam').innerHTML=h+":"+m+":"+s;
				t=setTimeout(function(){waktu()},500);
			}

			function cekNol(i)
			{
				if (i<10)
				  {
				  i="0" + i;
				  }
				return i;
			}
		</script>
	</head>

	<body onload="waktu()">
		<div id="jam"></div>
	</body>
</html>

Semoga bermanfaat.

1 thought on “Menampilkan Jam di Website Menggunakan Javascript”

Leave a Reply

Your email address will not be published. Required fields are marked *