Menampilkan waktu

Daftar isi

Script waktu

Javascript Time & Date

1. Tanggal :

<script>
function getTime(){  
var today=new Date();  
var d=today.getDate();
document.getElementById('tgl').innerHTML=d;
</script>

Menampilkan tanggal dari nilai 1 - 31 yang mewakili hari aktual waktu setempat
Mengambil elemen dengan id='tgl' dan meletakkan 'd' yang mewakili bilangan tanggal

2. Jam :

<script>
function getTime(){  
var today=new Date();  
var h=today.getHours();
document.getElementById('jam').innerHTML=h;
</script>

Menampilkan jam dari nilai 0 - 23 yang mewakili jam aktual waktu setempat
Mengambil elemen dengan id='jam' dan meletakkan 'h' yang mewakili bilangan jam

3. Menit :

<script>
function getTime(){  
var today=new Date();  
var m=today.getMinutes();
// menambahkan 0 didepan bilangan <10 
m=checkTime(m);  
document.getElementById('mnt').innerHTML=m;

// set interval menjalankan perubahan bilangan aktual
setTimeout(function(){getTime()},1000);  
}  
function checkTime(i){  
if (i<10){  
  i="0" + i;  
 }  
return i;  
}  
</script>

Menampilkan menit dari nilai 0 - 59 yang mewakili menit aktual waktu setempat
Mengambil elemen dengan id='mnt' dan meletakkan 'm' yang mewakili bilangan menit

4. Detik :

<script>
function getTime(){  
var today=new Date(); 
var s=today.getSeconds();

// menambahkan 0 didepan bilangan <10 
s=checkTime(s);  
document.getElementById('dtk').innerHTML=s;

// set interval menjalankan perubahan bilangan aktual
setTimeout(function(){getTime()},1000);  
}  
function checkTime(i){  
if (i<10){  
  i="0" + i;  
 }  
return i;  
}  
</script>

Menampilkan detik dari nilai 0 - 60 yang mewakili detik aktual waktu setempat
Mengambil elemen dengan id='dtk' dan meletakkan 's' yang mewakili bilangan detik

5. Bulan :

<script>
function getTime(){  
var today=new Date();  
var b=today.getMonth()+1;

// menambahkan 0 didepan bilangan <10 
b=checkTime(b);  
document.getElementById('bln').innerHTML=b;
</script>

Menampilkan bulan dari nilai 0 - 11 yang mewakili bulan aktual waktu setempat
Mengambil elemen dengan id='bln' dan meletakkan 'b' yang mewakili bilangan bulan.

5.1 Menampilkan Nama bulan dalam Bahasa Indonesia :

<script>
const month = ["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"];

const d = new Date();
let name = month[d.getMonth()];
document.getElementById("bulan").innerHTML = name;
</script>

6. Tahun :

<script>
function getTime(){  
var today=new Date();  
var y=today.getFullYear();

// menambahkan 0 didepan bilangan <10 
y=checkTime(y);  
document.getElementById('thn').innerHTML=y;
</script>

Menampilkan tahun aktual waktu setempat
Mengambil elemen dengan id='jam' dan meletakkan 'y' yang mewakili bilangan tahun

7. Jam digital :

<script>
function getTime(){  
var today=new Date();  
var h=today.getHours();  
var m=today.getMinutes();  
var s=today.getSeconds();

// menambahkan 0 didepan bilangan <10 
m=checkTime(m);  
s=checkTime(s);  
document.getElementById('wkt').innerHTML=h+"."+m+":"+s;

// set interval menjalankan perubahan bilangan aktual
setTimeout(function(){getTime()},1000);  
}  
function checkTime(i){  
if (i<10){  
  i="0" + i;  
 }  
return i;  
}  
</script>

Menampilkan jam digital aktual waktu setempat
Mengambil elemen dengan id='wkt' dan meletakkan h+"."+m+":"+s; yang mewakili bilangan jam . menit : detik

8. Hari ini :

<script>
function getTime(){  
var today=new Date();  
var t=today.getDate();  
var b=today.getMonth()+1;  
var y=today.getFullYear();
document.getElementById('date').innerHTML=t+"-"+b+"-"+y;
</script>

Menampilkan tanggal aktual waktu setempat
Mengambil elemen dengan id='date' dan meletakkan t+"-"+b+"-"+y; yang mewakili bilangan tanggal - bulan - tahun

Script waktu lengkap

Menampilkan script waktu lengkap dengan tampilan terpisah dan penggabungan dalam satu script.

See the Pen Script Waktu - getMethode() by Handy Eko C (@handyeko) on CodePen.

Script ini tidak menghambat pemuatan halaman.

⇐ Sebelumnya

Selanjutnya ⇒