Pregunta: «Crea un reloj digital en html y javascript y escribe el código»
Respuesta: Puedes crear un reloj digital en HTML y JavaScript utilizando la función setInterval() para actualizar la hora en un elemento HTML cada segundo. A continuación te muestro un ejemplo:
HTML:
<div id="clock"></div>
JavaScript:
function updateClock() {
var currentTime = new Date();
var currentHours = currentTime.getHours();
var currentMinutes = currentTime.getMinutes();
var currentSeconds = currentTime.getSeconds();
// Pad the minutes and seconds with leading zeros, if required
currentMinutes = (currentMinutes < 10 ? "0" : "") + currentMinutes;
currentSeconds = (currentSeconds < 10 ? "0" : "") + currentSeconds;
// Choose either "AM" or "PM" as appropriate
var timeOfDay = (currentHours < 12) ? "AM" : "PM";
// Convert the hours component to 12-hour format if needed
currentHours = (currentHours > 12) ? currentHours - 12 : currentHours;
// Convert an hours component of "0" to "12"
currentHours = (currentHours == 0) ? 12 : currentHours;
// Compose the string for display
var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;
// Update the time display
document.getElementById("clock").innerHTML = currentTimeString;
}
// Call the function repeatedly
setInterval(updateClock, 1000);
Ten en cuenta que este es solo un ejemplo básico y se pueden agregar más funcionalidades y estilos según tus necesidades.
Pregunta: Cómo seria el archivo html
Respuesta: El archivo HTML para el reloj digital sería algo así:
<!DOCTYPE html> <html> <head> <title>Reloj Digital</title> <script src="clock.js"></script> </head> <body> <div id="clock"></div> </body> </html>
En este ejemplo, se incluye el archivo JavaScript llamado «clock.js» donde se encuentra la función updateClock() que se utiliza para actualizar la hora en el elemento HTML. El elemento con id «clock» es donde se muestra la hora actualizada.
El resultado de este código lo puedes descargar aquí