Menampilkan Jam di Website Menggunakan Javascript

Javascript 1 min read

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.
  • Share this article on
Sal
Administrator
Seorang penulis yang suka belajar hal baru dan dunia fotografi