Cómo Insertar La Hora En Un Sitio Web

Tabla de contenido:

Cómo Insertar La Hora En Un Sitio Web
Cómo Insertar La Hora En Un Sitio Web

Video: Cómo Insertar La Hora En Un Sitio Web

Video: Cómo Insertar La Hora En Un Sitio Web
Video: Cómo crear tu propia página web usando HTML : Cómo agregar la fecha y la hora a una página web 2024, Noviembre
Anonim

Está trabajando en la construcción de su sitio web y decidió que sería una buena idea instalar un contador de tiempo o un reloj. Utilice uno de los métodos de instalación, según sus preferencias.

Cómo insertar la hora en un sitio web
Cómo insertar la hora en un sitio web

Instrucciones

Paso 1

Instale el reloj informador en el sitio usando Yandex. Vaya a la página https://time.yandex.ru, seleccione una de las pestañas en la sección "Reloj" - con flechas (regulares) o con números (electrónicos). Encuentra tu zona horaria. Esto se puede hacer al comparar los indicadores de cuadrante con la hora en la computadora o al pasar el cursor del mouse sobre la imagen. Haga clic con el botón izquierdo en el engranaje en la esquina superior derecha del reloj y seleccione una acción de la lista: "informador del sitio". Vaya a la ventana con el código html, cópielo. Instale el código en la sección de su sitio seleccionada para el reloj.

Paso 2

Visite uno de los sitios en inglés que ofrece una gran selección de diferentes "modelos" de relojes. Por ejemplo, en https://www.clocklink.com o https://toolshell.org. Seleccione una categoría en el menú, compruebe las opciones presentadas, busque "su" reloj. Haga clic en la imagen con ellos y vaya a la página del acuerdo de licencia (en https://www.clocklink.com) o regístrese (en https://toolshell.org). Obtenga el código, cópielo y péguelo en el lugar designado para el reloj en su sitio web.

Paso 3

Crea un reloj dinámico con Javascript actualizado cada segundo. Establezca el formato de hora normal: hh: mm: ss (por ejemplo, 21:21:21), donde h es la hora del día, m son los minutos, s son los segundos. Cree una página simple que incluya un archivo "time.js" con código Javascript: Visualización de un reloj dinámico Hora actual

Paso 4

Cree un archivo "time.js" con la ejecución de la función de tiempo cada segundo (1000ms), y también con la ejecución de la función de tiempo cuando se accede a la página. Además, el identificador “tick_tack” se incluye en el texto de este documento.

Paso 5

Coloque los dos archivos anteriores en la misma carpeta y luego ejecute el archivo "index.html" para verificar si se muestra el reloj. De lo contrario, compruebe si Javascript está desactivado en su navegador.

Recomendado: