Menampilkan Jam di Website Menggunakan Javascript

Posted in Javascript, Friday, January 4th, 2013, by Muhammad Fahmi Al Azhar

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.

Leave a Reply

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

  1. jursnamo says:

    thanks man,saya tunggu kunjungannya
    soalparna.blogspot.com