Relógio para o seu site

Mostrar a hora , , .

Pressione Esc para sair da tela cheia

Como funciona

  1. Escolha a cidade

    Toque na cidade da frase e gire a roda, ou digite as primeiras letras. Ou escolha a hora de cada visitante.

  2. Escolha o estilo

    Números ou ponteiros, com ou sem segundos, branco sobre uma cor ou sem fundo.

  3. Cole o código

    Toque em “Código para o seu site” e cole em um bloco HTML. O relógio começa a funcionar na hora.

Alguma sugestão para melhorar esta ferramenta?

Criamos ferramentas tão simples e intuitivas quanto possível, com alguns bônus aqui e ali. Conte para a gente o que deixaria esta ainda melhor.

Um relógio certo em qualquer lugar

Um relógio em um site tem uma única tarefa: mostrar a hora certa para alguém que pode estar em qualquer lugar do mundo. Este widget pede a hora ao navegador do visitante e converte para a cidade escolhida, com as regras de horário daquela cidade. Uma pousada em Paraty, um atendimento em Manaus ou um blog de família com primos em Lisboa mostram a própria hora sem precisar pensar em fuso de novo.

Qual relógio escolher

Você querEscolha
Que o horário de atendimento fique claro para quem está em outro fusoSua cidade, em números, sem segundos
Uma parede de relógios para uma equipe espalhadaUm widget por cidade, lado a lado
Um relógio calmo, decorativoPonteiros, branco sobre preto ou sem fundo
A hora local de quem lê a páginaA hora de cada visitante

Para várias cidades, cole o código várias vezes mudando a cidade em cada um: cada widget guarda o próprio ajuste no endereço. Para comparar muitas cidades de uma vez no Clooock, o relógio mundial reúne todas em uma página.

24 ou 12 horas

O relógio segue o costume do idioma da página: 24 horas em português, 12 horas com AM e PM em inglês. A moldura de estilo na frase troca para o outro formato se o seu público esperar. Os segundos ficam pequenos, à direita das horas e minutos, como no relógio em tela cheia.

Exato no segundo

O widget se redesenha exatamente na virada de cada segundo, a partir do relógio do aparelho do visitante, que celulares e computadores sincronizam com servidores de hora. Não precisa pedir a hora a nenhum servidor, então o relógio continua funcionando mesmo se a conexão cair depois do carregamento.

Perguntas

Posso mostrar uma cidade que não está na lista?

Sim, à mão: escolha qualquer cidade, copie o código e troque o valor depois de tz= pelo nome IANA do seu fuso, como America/Boa_Vista, e o valor depois de t= pelo seu texto.

Por que o relógio mostra a hora do visitante e não a minha?

Você escolheu a hora de cada visitante. Toque na cidade da frase e escolha a sua: o relógio vai mostrar essa hora para todo mundo.

Dá para esconder o nome da cidade?

Sim. Apague a parte t= do endereço no código. O relógio continua mostrando a hora do fuso indicado em tz=.