Cómo mostrar un reloj digital en HTML

Usando el lenguaje HTML de forma nativa, no es posible mostrar la hora en formato digital y actualizarla automáticamente como un reloj real. Para hacer esto, necesita usar un jаvascript que debe insertarse en el HTML de la página. Este artículo muestra exactamente cómo hacerlo.

pasos

Imagen titulada Italicize Text in HTML Step 1
1
Abra un editor de texto simple como Notepad o Notepad ++ en sistemas Windows o TextEdit en Mac.
  • 2
    Crea un documento HTML usando el siguiente código.
    
    			
    			
    
    
    			
    			
    			
    
    
    			
  • Imagen titulada Mostrar hora en HTML Paso 3
    3
    Guarde el documento recién creado. Use un nombre personalizado para que sea fácil de localizar y usar a través de su navegador de Internet. Recuerde cambiar la extensión del archivo a ".html" (sin comillas)
  • 4
    Abra el archivo HTML recién generado. Dentro de la página web que muestra el navegador de Internet debe haber un reloj en formato digital, que muestre la hora actual y las actualizaciones en tiempo real.
    Imagen titulada Mostrar hora en HTML Paso 4
  • consejos

    • Recuerde que el código proporcionado en este artículo puede no funcionar correctamente en los blogs y las páginas web están sujetas a restricciones en el uso de jаvascript, incluso si permiten el uso de HTML personalizado.
    Compartir en redes sociales:

    Relacionada
    Cómo centrar texto en HTMLCómo centrar texto en HTML
    Cómo convertir un documento de Word a HtmlCómo convertir un documento de Word a Html
    Cómo crear formularios HTMLCómo crear formularios HTML
    Cómo crear un hipervínculo en HTMLCómo crear un hipervínculo en HTML
    Cómo crear un gadget de iGoogleCómo crear un gadget de iGoogle
    Cómo crear un enlace interno a una página webCómo crear un enlace interno a una página web
    Cómo agregar un jаvascript a su sitio web usando el código HTMLCómo agregar un jаvascript a su sitio web usando el código HTML
    Cómo agregar un enlace a una imagenCómo agregar un enlace a una imagen
    Cómo centrar una imagen usando el código HTMLCómo centrar una imagen usando el código HTML
    Cómo crear un botón en HTML relacionado con un hipervínculoCómo crear un botón en HTML relacionado con un hipervínculo
    » » Cómo mostrar un reloj digital en HTML