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

About Juansyah

Bekerja dan Berdo'a adalah modal keberhasilan.

Posted on 26 Mei 2009, in Bahasa Pemrograman, Komputer and tagged , , , , , . Bookmark the permalink. 13 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.

  2. Siikakamania

    Ajib gan thanks
    Monggo kunjungi blog sya siikakamania.blogspot.com
    thank’s gan

  3. thank ya brooo al nya aku lagi nyari ,,,, infoo perna

  4. keren bung…!
    anakkeslingmakassar.wordpress.com

  5. om, ada codingan menampilkan suhu di sekitar gg om?? makasih sebelumnya,,

  6. gan ane bingung ni setelah ane buat file php dan sudah bisa di buka di url ini http://www.indukmedia.com/waktu.php , ane bingung cara pasang/panggil di websitenya kekmana ya, apa harus menggunakan script, dan kl iya dimana kita musti dapetin scriptnya

  7. Ingin Membuat Wapsite? Ayo Daftar http://www.wap.riski.wap.ug/main.php?id=reg tapi? jangan kasih tahu orang ya.

  8. Terimakasih udah berbagi cara membuat jam digital. salam kenal http://seputarti.com

  9. yg php bingung nih….
    klw yg js udah paham dari dulu, tapi gw newbie php :p

  10. trm ksh infonya gan…www.nawalgrosir.com

Tinggalkan Balasan ke Juansyah Batalkan balasan

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.