Gerador de Código Gratuito para Widgets de Relógio e Contagem Regressiva

Ferramenta online profissional para criar widgets de relógio e contagem regressiva, gerando códigos incorporados bonitos de relógio e contagem regressiva sem necessidade de programação. Suporta exibição de tempo em tempo real, contagem regressiva para festivais, contagem regressiva de eventos e outros modos. Integra mais de 40 idiomas internacionais, alterna automaticamente entre temas claros e escuros, design totalmente responsivo. Oferece opções de personalização ricas incluindo fontes, tamanhos, transparência, exibição de fuso horário, etc. Copie o código HTML com um clique para inserção direta em websites, blogues ou fóruns, perfeitamente compatível com computadores, smartphones e tablets.
Configuração do Widget
Tipo de Widget
Idioma
Tema
Automático
Fonte
Inter
Formato de Tempo
Formato de 24 horas
Opções de Exibição
Mostrar Data
Mostrar Fuso Horário
Fundo Transparente
Proporção de Escala (80%)
50%70%80%90%100%
Ajustar o tamanho geral do widget
Configurações de Tamanho
Código de Incorporação
<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>
Instruções de Utilização

Passos de Utilização

  1. Configurar parâmetros do widget (tema, idioma, tamanho, etc.)
  2. Verificar efeito na área de pré-visualização à direita
  3. Copiar o código HTML de incorporação gerado
  4. Colar o código no seu website ou blogue

Características Funcionais

  • Design responsivo, adapta-se a vários tamanhos de ecrã
  • Suporta exibição em mais de 40 idiomas
  • Suporta alternância entre temas claro, escuro e automático
  • Fonte, tamanho e opções de exibição personalizáveis

Descrição de Parâmetros

locale: Definir idioma de exibição
theme: Definir modo do tema (auto/claro/escuro)
format: Definir formato de tempo (12/24 horas)
showDate: Se deve mostrar informações de data
showTimezone: Se deve mostrar informações de fuso horário
transparent: Se deve usar fundo transparente
Efeito de Pré-visualização
400 ×220