Relógio para colocar no seu site

19:28:28
Grátis, sem cadastro, sem cookiesFuso, tema, tamanho e 12h/24h
Início → Relógio para site

Monte um relógio com a hora certa de Brasília (ou de qualquer cidade do mundo), veja a prévia ao vivo e copie o código para colar no seu site, blog ou loja virtual. Leva menos de um minuto.

1. Configure o relógio

2. Veja a prévia

Prévia ao vivo (é o próprio relógio que será carregado no seu site)

3. Copie o código

Importante: o relógio inclui um pequeno link "Horário de Brasília" abaixo da hora. Ele é a contrapartida do uso gratuito e não pode ser removido, escondido ou coberto. Ao usar o código, você concorda em mantê-lo visível.

Como colocar o relógio no seu site

  1. Escolha as opções acima. A prévia e o código mudam na hora, a cada ajuste.
  2. Clique em "Copiar código". O código é uma única tag <iframe>: não há nada para instalar nem script para carregar na sua página.
  3. Cole onde o relógio deve aparecer: barra lateral, cabeçalho, rodapé ou qualquer página. Veja abaixo o passo a passo das plataformas mais comuns.

WordPress

No editor de blocos, adicione um bloco HTML personalizado e cole o código. Para a barra lateral ou o rodapé, vá em Aparência > Widgets e adicione um widget "HTML personalizado" (em temas de blocos, use Aparência > Editor). No editor clássico, mude para a aba Texto antes de colar; no modo visual a tag pode ser removida.

Wix, Squarespace, Blogger e Google Sites

Wix: Adicionar elementos > Incorporar código > Incorporar HTML, escolha "Código" e cole. Squarespace: adicione um bloco Código (desmarque "Exibir fonte"). Blogger: Layout > Adicionar um gadget > HTML/JavaScript. Google Sites: Inserir > Incorporar > Incorporar código. Alguns planos gratuitos de construtores de sites restringem HTML personalizado; confira se o seu aceita iframes.

HTML puro, Shopify e outras plataformas

Cole a tag em qualquer ponto dentro do <body>. Na Shopify, use uma seção Liquid personalizado; em lojas virtuais e gerenciadores de conteúdo, procure um bloco de "HTML", "código" ou "incorporar".

Como deixar o relógio responsivo

O relógio se ajusta sozinho ao tamanho do iframe, então basta deixar o iframe flexível. Coloque-o dentro de um contêiner com largura máxima e use largura de 100%:

<div style="max-width:320px">
  <iframe src="..." style="border:0;width:100%;height:100px" title="Relógio"></iframe>
</div>

Mantenha a altura proporcional à largura: cerca de 40% da largura com data e nome da cidade, e cerca de 25% sem eles. Se o texto ficar apertado, aumente a altura; se sobrar espaço, diminua. Evite alturas abaixo de 60 px, em que a linha da data fica difícil de ler.

Personalize pelo endereço

Tudo é controlado por parâmetros no endereço do src, então você também pode editar o código à mão:

ParâmetroValoresO que faz
tzidentificador IANA, ex.: America/Sao_PauloFuso horário exibido. Valores inválidos voltam para Brasília.
themelight, dark, transparentCores do relógio (claro, escuro, fundo transparente).
colorhexadecimal, ex.: ffffffCor do texto no tema transparente.
h241 ou 0Formato de 24 horas ou de 12 horas (AM/PM).
sec, date, label1 ou 0Mostra ou oculta segundos, data e nome da cidade.
citytexto (até 40 caracteres)Nome exibido abaixo da hora.
langpt ou enIdioma da data e do link de crédito.

Hora certa, sem depender do visitante

O relógio não confia no computador de quem está visitando. Ao carregar, ele consulta o horário do nosso servidor e o usa como referência; por isso, um aparelho com a hora errada continua mostrando a hora certa. O fuso escolhido é aplicado pelo navegador com a base oficial IANA, que já inclui o horário de verão. Para comparar cidades, veja o horário mundial; para entender as diferenças, leia o guia de fusos horários. Se você quer um relógio em tela cheia para o seu próprio monitor, use o relógio online.

Link de crédito e privacidade

O link faz parte do combinado. O widget é gratuito porque traz um pequeno link "Horário de Brasília" que aponta para este site. É um link comum, que ajuda os visitantes a encontrar uma referência de hora confiável, e ele precisa continuar visível. Não é permitido escondê-lo, torná-lo transparente, reduzi-lo a um tamanho ilegível ou cobri-lo com outros elementos.

Sem cookies e sem rastreamento. A página do widget não define cookies, não exibe anúncios e não carrega ferramentas de análise. Ela também não é indexada pelos buscadores. O que acontece é apenas o pedido habitual que o navegador do visitante faz para carregar o iframe (mais uma requisição minúscula para ler a hora do servidor). Não usamos isso para criar perfis.

Perguntas frequentes

O relógio para site é gratuito?

Sim. Você não paga nada e não precisa de cadastro. A única condição é manter o pequeno link "Horário de Brasília" que aparece embaixo do relógio.

Posso remover o link que aparece no relógio?

Não. O link para o Horário de Brasília faz parte do widget e é a contrapartida do uso gratuito. Se você ocultar ou cobrir o link com CSS ou outro recurso, não deve usar o relógio.

O relógio mostra a hora certa mesmo se o computador do visitante estiver errado?

Sim. O relógio se sincroniza com o horário do nosso servidor e só usa o relógio do aparelho para contar os segundos. O fuso escolhido por você vale para todos os visitantes, onde quer que estejam.

Funciona no WordPress, Wix, Blogger e Google Sites?

Funciona em qualquer lugar que aceite código HTML ou um iframe: bloco "HTML personalizado" do WordPress, "Incorporar código" do Wix e do Squarespace, widget HTML do Blogger e "Incorporar" do Google Sites.

O relógio coleta dados ou usa cookies?

Não. A página do relógio não tem cookies, anúncios nem ferramentas de análise, e não identifica o visitante. Ela só recebe o pedido normal de carregamento do iframe, como qualquer imagem ou fonte externa.

O relógio muda sozinho no horário de verão?

Sim, nos países que adotam horário de verão. O relógio usa o identificador de fuso (por exemplo, Europe/London) e o navegador aplica as regras vigentes, sem que você precise atualizar nada.