Relógio mundial grátis com mapa dia e noite

Principais recursos

• Mapa-múndi ao vivo: um mapa vetorial (feito com D3.js) desenha os continentes na cor do seu tema. O lado da noite é sombreado em tempo real a partir do ponto subsolar, então dá para ver no mapa onde já é noite.
• Mais de 580 cidades, todos os fusos UTC em uso: a lista tem cidades em todos os fusos UTC usados hoje, inclusive os que não são de hora cheia, como UTC+5:45 (Katmandu), UTC+8:45 (Eucla) e UTC+12:45 (Ilhas Chatham).
• Cartões de dia e noite: o cartão de cada cidade fica claro enquanto o sol está no céu e escuro depois que ele se põe. Dá para perceber isso antes mesmo de ler os números.
• Destaque no mapa: cada cartão está ligado ao seu marcador. Com o mouse em cima do cartão, o marcador acende. Com um clique, ele fica aceso até você clicar fora dos cartões.
• Reordene arrastando: arraste qualquer cartão para outra posição. Você decide a ordem: sua cidade primeiro, depois as que você mais consulta.
• Horário de verão automático: cada cidade tem um fuso da base IANA (por exemplo, America/New_York), e o próprio navegador cuida das mudanças de horário de verão. Você não precisa ajustar nada duas vezes por ano.
• Funciona em qualquer dispositivo: no computador, você tem o mapa completo e pode arrastar os cartões. No celular, o mapa é só para ver, a busca fica acima de uma lista de cartões em uma coluna e o botão de remover fica sempre à vista.
• 8 cores de tema: Escuro, Claro, Vermelho, Turquesa, Azul, Roxo, Verde e Cinza. O mapa também muda de cor com o tema, não só o fundo da página.
• Continua sem conexão: depois que a página carrega, a hora segue certa e o lado da noite no mapa segue se atualizando, mesmo se a internet cair.

Como usar o relógio mundial

Passo 1: adicione uma cidade

No computador, digite o nome de uma cidade no campo de busca, no canto superior esquerdo do mapa. No celular, o campo fica acima dos cartões. Enquanto você digita, aparece uma lista de cidades. Clique em uma e ela é adicionada. Se preferir o teclado, use as setas para andar pela lista e Enter para adicionar a cidade destacada.

Passo 2: veja a hora local

Cada cidade adicionada ganha duas coisas: um pequeno marcador no mapa e um cartão logo abaixo. O cartão mostra o nome da cidade, o país, a hora local e a data de hoje. Cartão claro: é dia lá. Cartão escuro: é noite lá.

Passo 3: passe o mouse ou clique para ver detalhes

Passe o mouse sobre um cartão e o marcador da cidade acende no mapa, com um balão mostrando o nome e a hora. Clique no cartão para deixar esse destaque fixo. A página sobe até o mapa para você ver. Para soltar, clique em qualquer lugar que não seja um cartão, inclusive no próprio mapa. Clicar em outro cartão passa o destaque para ele. Passar o mouse direto sobre o marcador no mapa tem o mesmo efeito.

Passo 4: reordene arrastando

Pressione e segure qualquer cartão com o mouse, arraste até onde quiser e solte. A nova ordem é salva na hora. Essa é a forma mais fácil de colocar sua cidade na frente e agrupar as cidades por região.

Passo 5: remova uma cidade

Passe o mouse sobre um cartão e um pequeno botão × aparece no canto superior esquerdo. Clique nele para remover o cartão e o marcador do mapa. No celular, o × fica sempre visível.

Quando usar um relógio mundial online

Equipes remotas e distribuídas

Se sua equipe está espalhada por vários países, olhar o relógio mundial é mais rápido do que fazer conta de cabeça, e ninguém quer mandar mensagem para um colega às 3 da manhã no horário dele. Adicione as cidades dos colegas, arraste a sua para a frente e, com uma olhada, você vê quem está em horário de expediente.

Agendar chamadas internacionais

Quer saber se 9h em São Francisco é tarde demais para ligar para Tóquio? Adicione as duas cidades e compare as horas. O claro e o escuro dos cartões também mostram de que lado as pessoas estão bem acordadas e de que lado vão estar com sono, o que ajuda a escolher um horário bom para os dois lados.

Família e amigos no exterior

"Que horas são agora onde a minha mãe mora?" Basta olhar. Adicione a cidade uma vez e nunca mais faça a conta de +7 ou +12 horas de cabeça.

Planejamento de viagens

Antes de um voo, adicione o destino para ir se acostumando com o horário de lá. Depois que você pousa, o relógio ajuda também com o jet lag: saber que horas o seu corpo acha que são e que horas são de verdade no lugar já é meio caminho andado.

Mercados e investimentos

Muitos mercados financeiros divulgam seus horários de funcionamento no fuso da bolsa local (por exemplo, Tóquio abre às 09:00 JST). Adicione as cidades relevantes e você sempre verá a hora no fuso certo, com o horário de verão ajustado automaticamente.

Esportes, e-sports e transmissões ao vivo

"Que horas começa o jogo aqui?" Se a partida foi anunciada para as 20:00 CET e você mora em São Paulo, adicione Berlim e São Paulo e veja os dois horários lado a lado.

Como o relógio mundial funciona por dentro

• O mapa é um único SVG desenhado com D3.js a partir de um arquivo GeoJSON com as fronteiras dos países. A projeção é equiretangular (latitude e longitude num plano), então posicionar os marcadores é simples: latitude e longitude viram pixels direto.
• O lado da noite é um círculo de 90° em volta do ponto antissolar, o ponto da Terra exatamente oposto ao Sol. Para achar esse ponto bastam duas fórmulas solares padrão, a declinação e a equação do tempo, mais o relógio UTC do seu computador. O desenho é refeito uma vez por minuto.
• Cada cidade da base tem um fuso horário IANA. O navegador converte o UTC em hora local com Intl.DateTimeFormat({ timeZone: ... }). Por isso as regras de horário de verão vêm da base de fusos do próprio navegador e ficam em dia enquanto ele estiver atualizado.
• As cidades selecionadas, a ordem delas e o seu tema são salvos no localStorage. Nada é enviado a um servidor.

Dicas e truques

• Arraste a sua cidade para o primeiro lugar. Assim fica fácil ler os outros cartões como "tantas horas a mais ou a menos que eu".
• Agrupe as cidades por região: primeiro as da Ásia, depois as da Europa, depois as das Américas. A grade se ajusta sozinha e fica mais fácil de percorrer com os olhos.
• Numa chamada com tela compartilhada, clique num cartão para deixar o marcador aceso. Assim quem está do outro lado sabe exatamente de qual cidade você está falando.
• O sombreado do mapa é real. A parte escura é o lado da Terra onde o sol está abaixo do horizonte agora, e a borda dela é onde o sol está nascendo ou se pondo. Um marcador logo dentro da parte escura está numa cidade onde o sol acabou de se pôr ou vai nascer em breve.
• Clique no campo de busca antes de digitar. Com o campo vazio, já aparece uma lista de cidades populares, então dá para adicionar Singapura ou Toronto com um clique, sem digitar nada.

Perguntas frequentes