Widget de relógio mundial grátis para o seu site

O que é um widget de relógio mundial?

Um widget de relógio mundial é uma pequena caixa no seu site que mostra a hora atual de uma ou mais cidades. Em vez de fazer o visitante calcular fusos horários de cabeça, ele mostra a resposta direto: que horas são agora em Londres, Nova York ou Tóquio e se lá ainda é hoje ou já é amanhã.

O relógio mundial do WebToolsMe mostra até oito cidades em uma lista digital ou em mostradores analógicos. Ele é atualizado a cada segundo ou minuto, muda sozinho quando um país entra ou sai do horário de verão e pode incluir uma linha com o horário local de cada visitante para facilitar a comparação.

Quem usa um relógio mundial no site?

Um relógio mundial é útil sempre que o seu site, os seus clientes ou a sua equipe estão em mais de um fuso horário. Exemplos comuns:

• Equipes remotas e agências que mostram o horário de cada escritório para os clientes saberem quando há alguém disponível.
• Sites de viagem, turismo e hotéis que mostram a hora do destino ao lado da hora do visitante.
• Lojas virtuais e páginas de suporte com clientes internacionais que querem deixar os horários claros.
• Blogs de finanças, cripto e trading que acompanham a abertura e o fechamento dos mercados de Nova York, Londres e Tóquio.
• Cursos online, webinars e lives com participantes de vários países.
• Blogs de brasileiros no exterior e de famílias que mantêm lado a lado a hora daqui e a de lá.

Como adicionar o relógio mundial ao seu site

Escolha as cidades e o estilo acima e clique em Copiar código. O código é uma única tag script; cole onde o relógio deve aparecer e siga os passos da sua plataforma:

Recursos

Fusos horários e horário de verão

A maioria dos países não fica a uma distância fixa do UTC (Tempo Universal Coordenado). Muitos adiantam o relógio na primavera e atrasam no outono, e fazem isso em datas diferentes: a União Europeia muda no último domingo de março e de outubro, e os Estados Unidos no segundo domingo de março e no primeiro domingo de novembro. O Brasil, por outro lado, não adota horário de verão desde 2019, assim como a Turquia (UTC+3 o ano todo desde 2016), o Japão e a China.

Por isso o widget nunca guarda uma diferença fixa como "+3 horas". Cada cidade é salva com o nome oficial do seu fuso no banco de dados de fusos horários da IANA, por exemplo America/Sao_Paulo ou Europe/Lisbon. O navegador do visitante usa esse banco de dados para calcular o horário local correto a cada momento, inclusive nas horas em torno de uma mudança de horário. Quando um governo altera as regras do fuso, os navegadores recebem a atualização e o widget mostra o novo horário sem nenhuma mudança no seu código.

Pelo mesmo motivo, a diferença de horário exibida ao lado de cada cidade é calculada ao vivo. Quando Lisboa está no horário de verão, fica quatro horas à frente de São Paulo; no inverno europeu, a diferença cai para três horas, e o widget mostra exatamente isso.

Formato de 12 ou de 24 horas?

O relógio de 12 horas com AM e PM é comum nos Estados Unidos, no Canadá, na Austrália e na Índia, enquanto o Brasil, Portugal e a maior parte da Europa usam o formato de 24 horas. Escolha o formato que o seu público lê com mais naturalidade; se os visitantes vêm de toda parte, o de 24 horas evita confusão entre manhã e noite.

As marcações AM e PM, os nomes dos dias e as datas aparecem no idioma do widget que você escolher. Mostrar os segundos deixa o relógio mais vivo; sem segundos, o relógio digital é atualizado só uma vez por minuto, a opção mais leve.

Mostrando o horário local do visitante

Com o horário local do visitante ativado, a primeira linha do relógio mostra a hora do próprio dispositivo dele, com um rótulo no idioma do widget. Cada uma das outras cidades indica quantas horas está à frente ou atrás e se lá é ontem, hoje ou amanhã. Um visitante em São Paulo que olha um relógio com Tóquio vê na hora que Tóquio está, por exemplo, doze horas à frente e já na data de amanhã.

O horário local vem do navegador do visitante, que conhece o próprio fuso horário. Nenhuma informação sobre o visitante é enviada ao WebToolsMe ou guardada em lugar algum.

Velocidade e privacidade

O relógio mundial é um único script pequeno. Depois de carregado, ele não se conecta a nenhum servidor de novo: a cada segundo ou minuto, calcula a hora no navegador do visitante. Não usa cookies nem coleta dados.

O relógio é desenhado dentro de uma caixa Shadow DOM fechada. Os estilos do seu tema não alteram a aparência dele e os estilos dele não vazam para a sua página, então funciona bem em temas de WordPress, construtores de páginas e sites feitos à mão.

Dicas para um relógio mundial útil

• Coloque a cidade mais importante primeiro; mude a ordem com o botão ↑ da lista de cidades.
• De três a cinco cidades é fácil de ler; use mais só se o relógio tiver espaço, como em uma seção de largura total.
• Use nomes que os visitantes reconhecem. Para horário de atendimento, "Nova York", "Londres" e "Singapura" são mais claros que cidades pequenas vizinhas.
• Para uma barra lateral estreita, uma largura de 300 a 360 pixels funciona bem. Os mostradores analógicos ficam melhores com três ou quatro cidades.
• Combine o tema com o seu site: sites escuros ficam melhores com o tema escuro e uma cor de destaque da sua marca.

Perguntas frequentes