Dalam tutorial ini, Anda akan mempelajari cara menampilkan tanggal dan waktu sistem saat ini dalam HTML menggunakan JavaScript
Akan mengambil contoh untuk menampilkan Tanggal dan Waktu saat ini di tag html H2 dengan menggunakan dokumen javascript. getElementById(“ID”). innerHTML. Serta tampilkan nama hari ini
Kode JavaScript untuk Menampilkan Tanggal dan Waktu Sistem Saat Ini
Kode JavaScript
var today = new Date(); var day = today.getDay(); var daylist = ["Sunday","Monday","Tuesday","Wednesday ","Thursday","Friday","Saturday"]; var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate(); var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds(); var dateTime = date+' '+time; document.getElementById("displayDateTime").innerHTML = dateTime + ' <br> Day :- ' + daylist[day];
Kode Sumber HTML dengan JavaScript
<html> <head> <title>Display Current Date and Time in Html using Javascript</title> </head> <body> <h1>Get current date using JavaScript.</h1> <h2 id="displayDateTime"></h2> </body> <script type="text/javascript"> var today = new Date(); var day = today.getDay(); var daylist = ["Sunday","Monday","Tuesday","Wednesday ","Thursday","Friday","Saturday"]; var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate(); var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds(); var dateTime = date+' '+time; document.getElementById("displayDateTime").innerHTML = dateTime + ' <br> Day :- ' + daylist[day]; </script> </html> _
Anda dapat mempelajari lebih lanjut tentang metode tanggal dan waktu JavaScript
Dapatkan Tanggal & Waktu Saat Ini di JavaScript
Gunakan metode Tanggal() untuk membuat objek di JavaScript dengan tanggal dan waktu saat ini. Ini memberikan output dalam zona waktu UTC
var today = new Date();
1. Tanggal Sekarang di JavaScript
Gunakan skrip berikut untuk mendapatkan tanggal dan waktu saat ini menggunakan JavaScript di “Y-m-d H. i. s”. Anda cukup menggabungkan output dari kode JavaScript di atas dalam satu variabel seperti di bawah ini
Kita dapat menggunakan fungsi JavaScript Date()_ untuk mendapatkan tanggal saat ini. Fungsi mengembalikan tanggal dan waktu saat ini. Kita dapat membuat wadah HTML dan menampilkan tanggal saat ini di dalamnya menggunakan JavaScript. Kami akan menggunakan properti innerHTML_ untuk menulis tanggal dalam HTML
Misalnya, buat div dan tetapkan current_date sebagai idnya. Kemudian, tulis beberapa JavaScript di dalam tag script. Pilih current_id menggunakan properti Mon Nov 01 2021 09:22:43 GMT+0545 (Nepal Time) 0 dan panggil fungsi Date(). Gunakan properti innerHTML_ untuk menulis tanggal pengembalian dalam HTML
Contoh di bawah ini akan menampilkan tanggal dan waktu saat ini seperti yang ditunjukkan pada bagian output di bawah ini. Keluarannya berisi hari dalam seminggu, bulan, hari, tahun, jam, menit, detik, dan GMT serta informasi tentang lokasi
Kode Contoh
_
Keluaran
Mon Nov 01 2021 09:22:43 GMT+0545 (Nepal Time)
Kami juga dapat menemukan tanggal saat ini dalam format Mon Nov 01 2021 09:22:43 GMT+0545 (Nepal Time) _3 menggunakan berbagai metode JavaScript Date(). Kita bisa mendapatkan tahun saat ini dari metode Mon Nov 01 2021 09:22:43 GMT+0545 (Nepal Time) _5, bulan saat ini dari metode Mon Nov 01 2021 09:22:43 GMT+0545 (Nepal Time) 6 dan hari ini dari metode Mon Nov 01 2021 09:22:43 GMT+0545 (Nepal Time) 7. Dalam metode ini, kita akan menggunakan objek Date() untuk mengakses berbagai fungsi ini. Kami dapat memformat tanggal dengan cara apa pun yang kami inginkan dan menampilkannya di halaman HTML menggunakan properti innerHTML
Misalnya, buat div dengan id yang sama seperti pada metode di atas. Dalam JavaScript, buat objek
1 dari kelas Date(). Selanjutnya, buat tiga variabel
3,
4 dan
5. Gunakan objek
_0 dan panggil properti Mon Nov 01 2021 09:22:43 GMT+0545 (Nepal Time) 0 untuk memilih id dari div. Selanjutnya, atur innerHTML_ ke variabel
4,
5 dan
3 dipisahkan oleh garis miring
Dengan cara ini, kita bisa mendapatkan tanggal saat ini dalam format
7 dalam HTML menggunakan kelas JavaScript Date()
Kode Contoh
_
Keluaran
Kita dapat menggunakan fungsi JavaScript
_9 untuk menemukan tanggal saat ini. Fungsi
_9 mengembalikan tanggal saat ini sesuai dengan bahasa yang disediakan dalam fungsi. Ada berbagai konvensi khusus bahasa, dan kita dapat mendefinisikan bahasa dengan fungsi
9. Fungsi mengambil dua parameter yaitu Date()2 dan Date()3. Kita dapat menentukan bahasa keluaran dengan opsi Date()2. Misalnya, kita dapat menggunakan Date()_5 untuk bahasa Inggris AS dan Date()6 untuk bahasa Inggris Britania
Misalnya, buat div dan tulis JavaScript di dalam tag script. Buat objek
1 dari kelas ________ 33 _______ dan panggil metode
9. Selanjutnya, gunakan innerHTML_2 untuk menampilkan variabel
1
Kita bisa melihat hasilnya dalam format ________18______7. Dengan demikian, kita dapat menggunakan metode
_9 untuk menemukan tanggal saat ini dalam HTML