Cara Memasukkan Tanggal dan Waktu di Situs Web

kode html

Tambahkan tanggal dan waktu ke kode untuk situs web Anda.

Kredit Gambar: Baitong333/iStock/Getty Images

Menambahkan tanggal dan waktu saat ini ke situs web memastikan bahwa setidaknya satu hal di situs berubah ketika pengunjung situs me-refresh halaman. Anda tidak perlu mempelajari bahasa pemrograman tingkat lanjut seperti PHP, JAVA atau ASP.NET untuk bekerja dengan format tanggal dan waktu. Menggunakan JavaScript dan HTML dasar, Anda dapat memasukkan tanggal dan waktu di situs web Anda dengan beberapa baris kode.

Langkah 1

Buka salah satu halaman Web Anda menggunakan Notepad, editor HTML, atau aplikasi apa pun yang menghasilkan teks biasa. Untuk memastikan bahwa Anda menyimpan salinan kode situs yang belum diedit, duplikat file tersebut sebelum Anda mengeditnya.

Video Hari Ini

Langkah 2

Tambahkan kode berikut setelah tag "" pertama di HTML Anda:

Ini membuat blok "div" kosong.

Langkah 3

Tambahkan kode berikut sebelum tag " " penutup di HTML Anda:

Fungsi JavaScript ini berjalan setelah halaman dimuat. Variabel "dateTime" menyimpan tanggal dan waktu sistem. Variabel "formattedDateTime" memecah dateTime menjadi dua nilai yang diformat, satu untuk tanggal dan satu untuk waktu, dipisahkan oleh karakter didefinisikan dalam "pemisah." Dua pernyataan terakhir menambahkan string tanggal dan waktu yang diformat ke tag "div" yang ditentukan di bagian isi dari HTML.

Langkah 4

Simpan dokumen dan buka di browser Anda. Tanggal dan waktu muncul di lokasi tempat Anda meletakkan tag "div". Muat ulang halaman untuk melihat perubahan nilai.

Tip

Variabel pemisah dapat berisi karakter apa pun yang Anda pilih. Contoh ini menggunakan tanda hubung.