Insertá un Reloj en Vivo en tu Sitio

Elegí una zona horaria, copiá el código, pegalo en tu HTML. Es un iframe gratis y liviano que se actualiza cada segundo — sin registro, sin atribución obligatoria más allá del pequeño enlace que ya incluye.

1. Elegí una zona horaria

2. Vista previa

3. Copiá este código

<iframe src="https://datetimex.com/embed-es.html?tz=local" width="280" height="140" style="border:0;" title="Hora actual" loading="lazy"></iframe>

Cómo Funciona el Widget

El código de inserción es un simple <iframe> que apunta a una página liviana que lee la zona horaria desde la URL y actualiza la hora mostrada cada segundo usando la API Intl integrada del navegador — la misma lógica de formato usada en el resto de este sitio. No hay ninguna librería externa de JavaScript para cargar, ni cookies, ni nada que se rastree del lado del visitante; la única solicitud de red es el propio iframe.

Dónde Se Usa

Lugares comunes para un widget de reloj en vivo: una wiki de equipo o una página de Notion mostrando qué hora es para un equipo distribuido, una página de soporte o contacto mostrando "estamos en línea ahora" contra tu horario laboral, una landing page de un evento o webinar mostrando la hora local de inicio, o un blog personal para trabajadores remotos y nómades digitales. Al ser un iframe estándar, funciona igual en WordPress, Notion, Squarespace, Webflow, o una página HTML escrita a mano.

Personalizar el Código

Los atributos width y height del fragmento se pueden ajustar para que encaje con tu diseño — el widget escala el tamaño de fuente según el espacio disponible. Para cambiar la zona horaria más adelante, simplemente elegí otra arriba y copiá el nuevo código; el parámetro ?tz= en la URL es lo que la controla, así que también podés editar ese valor directamente si te sentís cómodo con URLs. Si preferís enlazar a la página de una ciudad específica en vez de insertar un reloj, mirá Ciudades del Mundo para un enlace directo.

Herramientas

Artículos y Guías