Generador gratuito de código de widgets de reloj y cuenta regresiva

Herramienta profesional en línea para crear widgets de reloj y cuenta regresiva, generando hermosos códigos embebidos de reloj y cuenta regresiva sin programación. Admite visualización de tiempo en tiempo real, cuenta regresiva de festivales, cuenta regresiva de eventos y otros modos. Integra más de 40 idiomas internacionales, cambio automático entre temas claro y oscuro, diseño completamente responsivo. Ofrece opciones de personalización ricas incluyendo fuente, tamaño, transparencia, visualización de zona horaria, etc. Copie código HTML con un clic para insertar directamente en sitios web, blogs o foros, adaptándose perfectamente a computadoras, teléfonos inteligentes y tabletas.
Configuración del Widget
Tipo de Widget
Idioma
English
Tema
Automático
Fuente
Inter
Formato de Hora
Formato 24h
Opciones de Visualización
Mostrar Fecha
Mostrar Zona Horaria
Fondo Transparente
Relación de Escala (80%)
50%70%80%90%100%
Ajustar el tamaño general del widget
Configuración de Tamaño
Código de Inserción
<div style="display: inline-block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
  <iframe 
    src="/embed/clock?locale=en-US&theme=auto&format=24&font=Inter&scale=80&showDate=true&showTimezone=true&transparent=false"
    width="400" 
    height="220" 
    style="border: none; border-radius: 8px; display: block;"
  ></iframe>
  <div style="text-align: center; margin-top: 4px; opacity: 0.7;">
    <a href="" target="_blank" style="font-size: 11px; color: #666; text-decoration: none;">
      ⏰ Powered by ClockZone
    </a>
  </div>
</div>
Instrucciones de Uso

Pasos de Uso

  1. Configurar parámetros del widget (tema, idioma, tamaño, etc.)
  2. Verificar el efecto en el área de vista previa derecha
  3. Copiar el código de inserción HTML generado
  4. Pegar el código en su sitio web o blog

Características Funcionales

  • Diseño responsivo, se adapta a diferentes tamaños de pantalla
  • Soporta visualización en más de 40 idiomas
  • Soporta cambio entre temas claro, oscuro y automático
  • Fuente, tamaño y opciones de visualización personalizables

Descripción de Parámetros

locale: Establecer idioma de visualización
theme: Establecer modo de tema (auto/claro/oscuro)
format: Establecer formato de hora (12/24 horas)
showDate: Si mostrar información de fecha
showTimezone: Si mostrar información de zona horaria
transparent: Si usar fondo transparente
Efecto de Vista Previa
400 ×220