Bagaimana Anda menampilkan tanggal dan waktu di html?

Question

Dalam tutorial ini, Anda akan mempelajari cara menampilkan tanggal dan waktu sistem saat ini dalam HTML menggunakan JavaScript

Table of Contents Show

Kode JavaScript untuk Menampilkan Tanggal dan Waktu Sistem Saat Ini
Dapatkan Tanggal & Waktu Saat Ini di JavaScript
1. Tanggal Sekarang di JavaScript
Bagaimana cara menampilkan format tanggal dalam HTML?
Bagaimana cara menampilkan tanggal dan waktu saat ini di kotak teks HTML?
Bagaimana cara menampilkan tanggal dan waktu saat ini di browser saya?

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

_1 untuk memanggil metode

Mon Nov 01 2021 09:22:43 GMT+0545 (Nepal Time)

5,

Mon Nov 01 2021 09:22:43 GMT+0545 (Nepal Time)

6 dan

Mon Nov 01 2021 09:22:43 GMT+0545 (Nepal Time)

7, dan simpan dalam variabel masing-masing. Selanjutnya, 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