reloj - Celica Ruiz

•

Outros

0

Desafío México Veintitrés

20/5/2023

¡Estudia con miles de materiales!

Entonces, ¿te gustó este material?

Ayude a animar a otros estudiantes a mejorar el contenido

¿Te gustó este material? ¡Compartir! 🧡

Otros

148.079 Materiales compartidos

Descarga la aplicación para disfrutar aún más

Lea materiales sin conexión, sin usar Internet. Además de muchas otras características!

Vista previa del material en texto

ACTIVIDAD: Codifica un reloj que muestre la hora con horas, minutos y 
segundos utilizando los lenguajes HTML, CSS y JS 
<!DOCTYPE html> 
<html> 
<head> 
 <title>Reloj</title> 
 <style> 
 #reloj { 
 font-size: 40px; 
 text-align: center; 
 margin-top: 50px; 
 } 
 </style> 
</head> 
<body> 
 <div id="reloj"></div> 
 
 <script> 
 function actualizarReloj() { 
 var fecha = new Date(); // Obtener la fecha y hora actual 
 var horas = fecha.getHours(); 
 var minutos = fecha.getMinutes(); 
 var segundos = fecha.getSeconds(); 
 
 // Asegurar que los números siempre tengan dos dígitos 
 if (horas < 10) { 
 horas = "0" + horas; 
 } 
 if (minutos < 10) { 
 minutos = "0" + minutos; 
 } 
 if (segundos < 10) { 
 segundos = "0" + segundos; 
 } 
 
 // Actualizar el contenido del reloj en el documento HTML 
 document.getElementById("reloj").innerHTML = horas + ":" + minutos + ":" + segundos; 
 } 
 
 // Llamar a la función actualizarReloj cada segundo 
 setInterval(actualizarReloj, 1000); 
 </script> 
</body> 
</html>