Menampilkan Waktu (Jam, Menit dan Detik) Saat ini Pada Javascript

Ketika ingin mendapatkan keterangan waktu dalam bahasa pemrograman, anda bisa menampilkan waktu saat ini dengan javascript. Dengan menggunakan syntax yang ada, program akan secara otomatis menampilkan waktu saat ini di javascript.

Nah saya berikan beberapa damo menampilkan waktu saat ini di javascript dimulai dari tahun, bulan, hari, jam, menit dan detik.

Cara Menampikan Waktu Saat ini pada Javascript

Jangan lupa sebelumnya buatlah file index.html atau script.js untuk menjalankan program ini.

Menampilkan Tahun Saat ini

var x = new Date().getFullYear();

document.write(x);

</script>

Untuk mendapatkan tahun saat ini, gunakan new Date().getFullYear();

Menampilkan Bulan Saat Ini

var x = new Date().getMonth();

document.write(x);

</script>

Untuk menampilkan bulan saat ini pada javascript, gunakan new Date().getMonth();

Keterangan : Urutan bulan dimulai dari angka 0. Yakni Januari = 0, februari = 1, maret = 2 dst.

Menampilkan Hari Saat Ini

var x = new Date().getDay();

document.write(x);

</script>

Cara menampilkan waktu hari ini dalam javascript, gunakan new Date().getDay();

Keterangan : Minggu = 0 dst.

Menampilkan Jam Saat Ini

var x = new Date().getHours();

document.write(x);

</script>

Cara menampilkan waktu jam saat ini dengan javascript, gunakan new Date().getDay();

Menampilkan Menit Saat Ini

var x = new Date().getMinutes();

document.write(x);

</script>

Cara menampilkan waktu menit saat ini di javascript, gunakan new Date().getMinutes()

Menampilkan Detik Saat Ini

var x = new Date().getSeconds();

document.write(x);

</script>

Cara menampilkan waktu detik saat ini pada javascript, gunakan new Date().getMinutes();

Menampilkan Miliseconds pada saat ini

var x = new Date().getMilliseconds();

document.write(x);

</script>

Adapun untuk menampilkan Millisecond pada javascript, gunakan new Date().getMilliseconds();

Rangkaian Program Sederhana Menampilkan Waktu jam digital Saat Ini Dengan Javascript

<html>
<head>
<title>Hardifal.com</title>
</head>
<body>
<h1>Jam =
<span id=”jam”></span>
<span id=”menit”></span>
<span id=”detik”></span>
<br><br>
Tanggal =
<span id=”hari”></span>
<span id=”bulan”></span>
<span id=”tahun”></span>
</h1>
<script>
document.getElementById(‘jam’).innerHTML = new Date().getHours();
document.getElementById(‘menit’).innerHTML = ” : “+ new Date().getMinutes();
document.getElementById(‘detik’).innerHTML = ” : “+ new Date().getSeconds();
document.getElementById(‘hari’).innerHTML = new Date().getDay();
document.getElementById(‘bulan’).innerHTML = ” / “+ new Date().getMonth();
document.getElementById(‘tahun’).innerHTML = ” / “+ new Date().getFullYear();
</script>
</body>
</html>