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
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
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
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
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.
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
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
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
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.