Relógio Mundial Online - Hora ao Vivo em Cidades do Mundo

Principais recursos

• Mapa-múndi ao vivo: um mapa vetorial (feito com D3.js) desenha todos os continentes na cor do seu tema. O lado noturno é sombreado em tempo real a partir do ponto subsolar - assim você vê literalmente onde o sol já se pôs.
• Mais de 1.300 cidades, todos os fusos da base IANA: um banco de dados pesquisável que cobre todos os fusos horários habitados, incluindo os incomuns como UTC+5:30 (Calcutá), UTC+9:30 (Adelaide) e UTC+12:45 (Ilhas Chatham).
• Cartões de dia e noite: cada cartão de cidade fica claro se for dia ali e escuro se for noite - uma pista visual mais rápida de ler do que apenas números num relógio.
• Passe o mouse e clique no mapa: passe o mouse sobre um cartão para destacar seu marcador e a dica no mapa. Clique para fixar o destaque - útil para apontar uma cidade numa captura de tela ou durante uma chamada. Clique fora para liberar.
• Reordene arrastando e soltando: arraste qualquer cartão para uma nova posição. A ordem é sua - coloque sua cidade na frente e depois as que você mais consulta.
• Salvo localmente: suas cidades, a ordem delas e o seu tema ficam todos no localStorage do navegador. Sem conta, sem servidor, sem rastreamento.
• Horário de verão automático: cada cidade recebe um fuso da base IANA (por exemplo, America/New_York), então o navegador cuida das mudanças de horário de verão para você - sem ajustes manuais duas vezes por ano.
• Funciona em qualquer dispositivo: mapa completo e arrastar e soltar no computador. No celular o mapa é apenas para leitura e a busca fica acima de uma lista de cartões em coluna única, com um botão de remover bem visível.
• 8 cores de tema: Escuro, Claro, Vermelho, Verde-água, Azul, Roxo, Verde e Ardósia. O relógio mundial combina com o resto do stopwatch-online.com.
• Funciona offline: depois que a página carrega, o relógio mundial continua funcionando e atualizando o lado noturno do mapa mesmo sem conexão.

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 de busca fica acima dos cartões. Conforme você digita, as cidades correspondentes aparecem numa lista - escolha uma e ela é adicionada com um clique. Você também pode tocar no botão + para adicionar a sugestão em destaque.

Passo 2: veja a hora local

Cada cidade que você adiciona ganha duas coisas: um pequeno marcador no mapa-múndi e um cartão logo abaixo. Cada cartão mostra o nome da cidade, o país, a hora local atual e a data de hoje. Cartão claro = é dia ali. Cartão escuro = é plena madrugada.

Passo 3: passe o mouse ou clique para ver detalhes

Passe o mouse sobre um cartão e o marcador correspondente acende no mapa com uma dica mostrando o nome completo da cidade. Clique num cartão para fixar esse destaque no mapa - a página também rola de volta até o mapa para você poder vê-lo. Clique fora do mapa ou em outro cartão para liberar. Passar o mouse direto sobre o marcador no mapa faz a mesma coisa.

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, o relógio mundial é mais rápido do que fazer contas de cabeça - ninguém quer ser quem manda uma mensagem para um colega às 3 da manhã no horário dele. Adicione as cidades onde seus colegas moram, arraste a sua para a frente e um olhar já mostra quem está na ativa.

Agendar chamadas internacionais

Precisa saber se 9h em São Francisco é tarde demais para ligar para Tóquio? Adicione as duas cidades e leia os horários direto. O sombreado de dia e noite também mostra qual lado está confortavelmente acordado e qual vai estar com sono - uma informação útil para escolher quem organiza a reunião.

Família e amigos no exterior

"Que horas são agora onde a minha mãe mora?" - basta um olhar. Adicione a cidade uma vez e nunca mais precisará fazer a conta de +7 ou +12 horas de cabeça.

Planejamento de viagens

Antes de um voo, adicione o seu destino para começar a se ajustar mentalmente. Depois de pousar, o relógio também ajuda com o jet lag - saber que horas o seu corpo acha que são em comparação com o relógio local 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 a partida aqui?" - se o jogo foi anunciado para as 20:00 CET e você mora em São Paulo, é só adicionar Berlim e São Paulo e ler 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. Uma projeção equiretangular (latitude e longitude planas) torna a posição dos marcadores simples - latitude e longitude viram pixels diretamente.
• O lado noturno do mapa é desenhado como um círculo geográfico de 90° ao redor do ponto antissolar (o ponto da Terra oposto ao Sol). É usada a mesma trigonometria que a NOAA publica para a posição solar: declinação solar + equação do tempo + o relógio UTC do seu computador. Atualiza uma vez por minuto.
• Cada cidade do banco de dados recebe um fuso horário da base IANA. O navegador converte o UTC em hora local com Intl.DateTimeFormat({ timeZone: ... }) - ou seja, as regras de horário de verão vêm da base de fusos do navegador e ficam atualizadas enquanto ele estiver.
• As cidades selecionadas, a ordem delas e o seu tema são salvos no localStorage. Nada é enviado a um servidor.

Dicas e truques

• Fixe sua cidade em primeiro. Arraste-a para a posição #1 para que todos os outros cartões sejam lidos como uma diferença em relação à "sua hora".
• Agrupe por região. Junte as cidades asiáticas, depois as europeias, depois as americanas. A grade de cartões se ajusta sozinha e o ritmo visual facilita a leitura.
• Use o truque de clicar para fixar. Ao compartilhar a tela numa chamada, clique num cartão para manter o marcador destacado - assim quem está do outro lado sabe exatamente qual cidade você está apontando.
• O sombreado do mapa é real. A faixa escura que cruza o mapa é a linha exata onde está amanhecendo ou anoitecendo agora. Se o marcador de uma cidade estiver dentro da faixa escura, o pôr do sol ainda não aconteceu, mas está perto.
• Os cartões lembram a ordem. Não tenha receio de jogar a cidade que não usa para o fim - sua ordem fica salva por navegador.

Perguntas frequentes