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

Funcionalidades principais

• Mapa-múndi ao vivo: Um mapa vetorial (construído com D3.js) renderiza cada continente na cor do seu tema. O lado noturno é sombreado em tempo real usando o ponto subsolar do sol - para que você literalmente veja onde o sol se pôs.
• Mais de 1.300 cidades, todos os fusos IANA: Banco de dados pesquisável cobrindo todos os fusos horários habitados, incluindo os incomuns como UTC+5:30 (Calcutá), UTC+9:30 (Adelaide), UTC+12:45 (Ilhas Chatham).
• Cards dia/noite: Cada card de cidade é claro se for dia lá e escuro se for noite - uma dica visual mais rápida de ler do que apenas números em um relógio.
• Passar o cursor e clicar no mapa: Passe o cursor sobre um card para destacar seu pino e tooltip no mapa. Clique para fixar esse destaque - útil quando você quer apontar para uma cidade em uma captura de tela ou durante uma chamada. Clique fora do mapa para liberar.
• Reordenação por arrastar e soltar: Arraste qualquer card para uma nova posição. A ordem é sua - coloque sua cidade natal primeiro e agrupe cidades por região.
• Salvo localmente: Suas cidades, ordem e tema ficam no localStorage do navegador. Sem conta, sem servidor, sem rastreamento.
• Horário de Verão tratado automaticamente: Cada cidade é marcada com uma zona IANA (ex: America/Sao_Paulo) para que o navegador trate as transições de Horário de Verão automaticamente - sem atualizações manuais duas vezes por ano.
• Funciona em qualquer dispositivo: Mapa completo e arrastar e soltar no desktop. No celular, o mapa é somente leitura e a pesquisa fica acima de uma lista de cards em coluna única. Os cards são amigáveis ao toque com um botão de remoção claro.
• 8 cores de tema: Escuro, Claro, Vermelho, Verde-azulado, Azul, Roxo, Verde, Ardósia. O relógio mundial combina com o restante do stopwatch-online.com.
• Funciona offline: Uma vez carregada a página, o relógio mundial continua funcionando e atualizando o lado noturno do mapa sem conexão.

Como usar o relógio mundial

Passo 1: Adicionar uma cidade

No desktop, digite o nome de uma cidade na caixa de pesquisa no canto superior esquerdo do mapa. No celular, a caixa de pesquisa fica acima dos cards. Conforme você digita, cidades correspondentes aparecem em um menu suspenso - escolha uma e ela é adicionada com um clique. Você também pode pressionar o botão + para adicionar a sugestão destacada.

Passo 2: Ler a hora local

Cada cidade que você adiciona ganha duas coisas: um pequeno pino no mapa-múndi e um card abaixo. Cada card mostra o nome da cidade, país, hora local atual e a data de hoje. Card claro = é dia lá. Card escuro = é plena noite.

Passo 3: Passar o cursor ou clicar para detalhes

Passe o cursor sobre um card com o mouse e o pino correspondente acende no mapa com um tooltip mostrando o nome completo da cidade. Clique em um card para fixar esse destaque no mapa - a página também rola de volta para o mapa para que você possa vê-lo. Clique fora do mapa ou em outro card para liberar. Passar o cursor diretamente no pino no mapa faz o mesmo.

Passo 4: Reordenar arrastando

Pressione e segure qualquer card com o mouse, arraste para onde quer e solte. A nova ordem salva imediatamente. Esta é a maneira mais fácil de colocar sua cidade natal primeiro e agrupar cidades por região.

Passo 5: Remover uma cidade

Passe o cursor sobre um card e um pequeno botão × aparece no canto superior esquerdo. Clique nele para remover o card e seu pino do mapa. No celular, o × está 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, um relógio mundial é mais rápido do que fazer cálculos mentais - você não quer ser a pessoa mandando mensagem para um colega às 3 da manhã no horário dele. Adicione as cidades onde seus colegas moram, arraste sua cidade natal para a frente e um olhar diz quem está na mesa.

Agendar chamadas internacionais

Precisa saber se às 9h em São Paulo é tarde demais para ligar para Tóquio? Adicione as duas cidades e leia os horários diretamente. O sombreamento escuro/claro também diz qual lado está confortavelmente acordado e qual vai estar sonolento - informação útil para escolher o anfitrião da reunião.

Família e amigos no exterior

"Que horas são onde a mãe mora agora?" - um olhar. Adicione a cidade uma vez e você nunca mais precisará fazer o cálculo mental de +3 / +8 horas novamente.

Planejamento de viagens

Antes de um voo, adicione seu destino para começar a se ajustar mentalmente. Após o pouso, o relógio também é útil para o jet-lag - saber o que seu corpo acha que são as horas vs. o que o relógio local diz é metade da batalha.

Negociações e mercados

Muitos mercados financeiros listam horários de abertura no fuso horário da bolsa local (ex: Tóquio abre às 09:00 JST). Adicione as cidades relevantes e você sempre verá o horário no fuso certo, com Horário de Verão tratado automaticamente.

Esportes, esportes eletrônicos e transmissões ao vivo

"A que horas começa a partida aqui?" - se o jogo for anunciado às 20:00 CET e você mora em São Paulo, apenas adicione Berlim e São Paulo e leia os dois horários lado a lado.

Como o relógio mundial funciona internamente

• O mapa é um único SVG desenhado com D3.js a partir de um arquivo GeoJSON de fronteiras de países. Uma projeção equirretangular (lat/lon plano) torna o posicionamento de pinos trivial - latitude e longitude mapeiam diretamente para pixels.
• O lado noturno do mapa é renderizado como um círculo geográfico de 90° ao redor do ponto antissolar (o ponto na Terra oposto ao sol). A mesma trigonometria que a NOAA publica para a posição solar é usada: declinação solar + equação do tempo + o relógio UTC do seu computador. Atualiza uma vez por minuto.
• Cada cidade no banco de dados é marcada com um fuso horário IANA. O navegador converte UTC para hora local naquele fuso via Intl.DateTimeFormat({ timeZone: ... }) - o que significa que as regras de Horário de Verão são herdadas do banco de dados de fusos do navegador e ficam atualizadas enquanto o navegador estiver atualizado.
• As cidades selecionadas, sua ordem e seu tema são salvos no localStorage. Nada é enviado a um servidor.

Dicas e truques

• Fixe sua cidade natal primeiro. Arraste-a para a posição nº 1 para que todos os outros cards sejam lidos como uma diferença a partir do "seu horário".
• Agrupe por região. Junte as cidades asiáticas, depois as europeias, depois as americanas. A grade de cards se ajusta automaticamente e o ritmo visual facilita a leitura.
• Use o truque de clicar para fixar. Ao compartilhar sua tela em uma chamada, clique em um card para manter o pino destacado - para que a pessoa do outro lado saiba exatamente em qual cidade você está apontando.
• O sombreamento no mapa é real. A faixa escura que você vê cruzando o mapa é a linha atual onde é amanhecer/entardecer agora mesmo. Se o pino de uma cidade estiver dentro da faixa escura, o pôr do sol ainda não aconteceu completamente mas está próximo.
• Os cards lembram sua ordem. Não tenha medo de jogar a cidade de que você não precisa para o fundo - sua ordem anterior é salva por navegador.

Perguntas frequentes