Tanggal & Jam Digital di Web

Tanggal Bahasa Indonesia

Tampilan: Senin, 2 Januari 2012

<script language="javascript"> 
<!-- 
var tanggallengkap = new String(); 
var namahari = ("Minggu Senin Selasa Rabu Kamis Jumat Sabtu"); 
namahari = namahari.split(" "); 
var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober Nopember Desember"); 
namabulan = namabulan.split(" "); 
var tgl = new Date(); 
var hari = tgl.getDay(); 
var tanggal = tgl.getDate(); 
var bulan = tgl.getMonth(); 
var tahun = tgl.getFullYear(); 
tanggallengkap = namahari[hari] + ", " +tanggal + " " + namabulan[bulan] + " " + tahun; 
document.write(tanggallengkap); 
//--> </script> 
</font>

Jam Digital

Tampilan : 17:47:22

<font color="#660066">

<style>
.jam {
 font-family : tahoma;
 font-weight : ;
 font-size : 11px;
 position : relative;
 top : 0px;
 left : 0px;
 }
</style>
<script language="javascript">
<!--
function tampilkanjam()
 {
 var waktu = new Date();
 var jam = waktu.getHours();
 var menit = waktu.getMinutes();
 var detik = waktu.getSeconds();
 var teksjam = new String();
 if ( menit <= 9 )
 menit = "0" + menit;
 if ( detik <= 9 )
 detik = "0" + detik;
 teksjam = jam + ":" + menit + ":" + detik;
 tempatjam.innerHTML = teksjam;
 setTimeout ("tampilkanjam()",1000);
 }
 window.onload = tampilkanjam
 //-->
</script>
 </font>
 <body>
<font color=#660066>
<div id="tempatjam" ></div>
</font>
</body>

Script diatas terdapat kesalahan sebebelumnya yaitu  <!– dan //–> yang harus di buang agar script tersebut dapat terlihat di web browser dibawah hasil perbaikannya:


Setelah di perbaikir script diatas sebagai berikut:

Tanggal Bahasa Indonesia (Java Script)

<!– tanggal-js.php  –>

<html>
<head>
<title> Tanggal dalam bahasa Indonesia </title>
<style>
.Tanggal {
 font-family : tahoma;
 font-weight : bold;
 font-size : 11px;
 color : Grey;
 position : relative;
 top : 0px;
 left : 0px;
 }
</style>
<script language="JavaScript">
var tanggallengkap = new String();
var namahari = ("Minggu Senin Selasa Rabu Kamis Jumat Sabtu");
namahari = namahari.split(" ");
var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober Nopember Desember");
namabulan = namabulan.split(" ");
var tgl = new Date();
var hari = tgl.getDay();
var tanggal = tgl.getDate();
var bulan = tgl.getMonth();
var tahun = tgl.getFullYear();
tanggallengkap = namahari[hari] + ", " +tanggal + " " + namabulan[bulan] + " " + tahun;
</script>
</head>
<body>
<div class="Tanggal">
Tanggal : <script language="JavaScript">document.write(tanggallengkap);</script>
</div>
</body>
</html>

Tanggal Bahasa Indonesia (PHP)

<!– tanggal-php.php  –>

<?php
$hari = array ("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu");
$bulan = array ("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember");
$waktu[0]=$hari[date("w",time())];
$waktu[1]=date("d",time());
$waktu[2]=date("m",time());
$waktu[3]=date("Y",time());
$waktu[4]=date("H",time());
$waktu[5]=date("i",time());
$waktu[6]=date("s",time());
$hariini="$waktu[0]";
$tanggalini="$waktu[1] ".$bulan[$waktu[2]-1]." $waktu[3]";
$jamini="$waktu[4]:$waktu[5]:$waktu[6]";
echo("$hariini, $tanggalini");
?>

Jam Digital

<!– jam-digital.php  –>

<html>
<head>
<title> Jam Digital </title>
<style>
.jam {
 font-family : tahoma;
 font-weight : bold;
 font-size : 11px;
 color : Grey;
 position : relative;
 top : 0px;
 left : 0px;
 }
</style>

<script language="JavaScript">
function tampilkanjam()
{
var waktu = new Date();
var jam = waktu.getHours();
var menit = waktu.getMinutes();
var detik = waktu.getSeconds();
var teksjam = new String();

if ( menit <= 9 )
menit = "0" + menit;
if ( detik <= 9 )
detik = "0" + detik;

teksjam = jam + ":" + menit + ":" + detik;
tempatjam.innerHTML = teksjam;
setTimeout ("tampilkanjam()",1000);
}
window.onload = tampilkanjam
</script>
</head>

<body>
<div class="jam" id="tempatjam"></div>
</body>

sumber: buku saku tentang bahasa pemrograman javascript

Tentang juansyah

Saya ditinggal di Sekayu, sekarang bekerja di salah satu perguruan tinggi di kab. muba.

Posted on 26 Mei 2009, in Bahasa Pemrograman, Komputer and tagged , , , , , . Bookmark the permalink. 2 Komentar.

  1. cara manggilnya di htmlnya gmn tuch,aku kok utek2 gak da hasil,layar cuma putih duank

    • Coba buang lambang <!- – dan //- -> di dalam JavaScript-nya.
      Lihat perbaikan postnya di bagian bawah dan satu lagi script tanggal dalam bahasa PHP.
      Maaf lama baru bisa jawab, terima kasih semoga bermanfaat.

Tinggalkan Balasan

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. Log Out / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.

Bergabunglah dengan 61 pengikut lainnya.