Untuk menampilkan waktu secara real-time di halaman web, Anda dapat menggunakan JavaScript. Berikut adalah contoh kode HTML dengan JavaScript untuk menampilkan waktu aktual yang diperbarui secara otomatis setiap detik:
<!DOCTYPE html>
<html> <head> <title>Waktu Real-Time</title> </head> <body> <div id="clock"></div> <script> function updateClock() { const now = new Date(); const hours = now.getHours().toString().padStart(2, '0'); const minutes = now.getMinutes().toString().padStart(2, '0'); const seconds = now.getSeconds().toString().padStart(2, '0'); const timeString = `${hours}:${minutes}:${seconds}`; document.getElementById('clock').textContent = timeString; } // Memperbarui jam setiap detik (1000 milidetik) setInterval(updateClock, 1000); // Memanggil fungsi updateClock untuk menampilkan waktu awal saat halaman dimuat updateClock(); </script> </body> </html>
Pada contoh di atas, kami menggunakan JavaScript untuk membuat fungsi updateClock(), yang akan dijalankan setiap detik untuk mengambil waktu saat ini dari objek Date, kemudian memformatnya sebagai string dalam format "HH:mm:ss" (jam:menit:detik). Selanjutnya, kita menggunakan metode setInterval() untuk memanggil fungsi updateClock() setiap 1000 milidetik (1 detik).
Tag HTML <div> dengan id="clock" digunakan sebagai tempat di mana kita akan menampilkan waktu real-time.
Dengan cara ini, setiap detik, waktu yang ditampilkan di halaman web akan diperbarui secara otomatis sesuai dengan waktu aktual. Pastikan untuk menyinkronkan waktu perangkat Anda dengan tepat untuk mendapatkan waktu yang tepat dan akurat.
from: chat GPT
0 komentar:
Post a Comment