Relógio Digital em Tela Cheia (24 Horas)

O que é um relógio digital em tela cheia?

Um relógio digital em tela cheia é uma página da web que preenche toda a tela com uma exibição grande e fácil de ler da hora. Ele foi projetado para funcionar em um segundo monitor, em uma tela montada na parede, em um projetor de sala de aula ou em qualquer tela na qual a hora precise ser visível do outro lado de um ambiente. Por padrão, o relógio usa o formato de 24 horas e é atualizado uma vez por segundo.

Formato de 24 horas

O formato de 24 horas, às vezes chamado de horário militar, conta as horas do dia de 00 a 23. Meia-noite é 00:00:00, meio-dia é 12:00:00 e a hora após o meio-dia é 13:00:00, e não 1:00:00. Como cada hora do dia tem seu próprio número, não é necessário usar um indicador AM ou PM, e não há risco de confundir um compromisso pela manhã com um compromisso à noite. Este relógio mostra o formato de 24 horas por padrão, no formato HH:MM:SS, com a hora, o minuto e o segundo preenchidos com dois dígitos cada.

Formato de 12 horas

Muitas pessoas estão mais acostumadas a ler um relógio de 12 horas, no qual a hora é reiniciada após 12 e um indicador AM ou PM mostra em qual metade do dia se está. Esta ferramenta inclui um controle para o modo de 12 horas. Nesse modo, a hora vai de 1 a 12 e não recebe zero à esquerda; portanto, cinco minutos depois da uma da tarde são exibidos como 1:05:05 PM, e não como 01:05:05 PM.

Dois momentos causam confusão em um relógio de 12 horas: meia-noite e meio-dia. Não existe a indicação de "0 horas" em um mostrador de 12 horas; por convenção, meia-noite é escrita como 12:00:00 AM e meio-dia como 12:00:00 PM. O relógio segue essa convenção.

Opções de exibição

A página tem quatro controles, todos restaurados aos valores padrão pelo botão Redefinir:

• Formato de 12 horas: alterna entre o formato de 24 horas, que é o padrão, e o formato de 12 horas com um indicador AM/PM.
• Mostrar segundos: mostra ou oculta o campo dos segundos, deixando HH:MM ou h:MM AM/PM.
• Mostrar data: mostra ou oculta uma linha com a data completa, como "segunda-feira, 15 de janeiro de 2024", abaixo da hora.
• Mostrar fuso horário: mostra ou oculta um pequeno rótulo com o fuso horário detectado pelo navegador, como Europe/Berlin (CET). O fuso é obtido do navegador, não digitado manualmente, portanto sempre corresponde ao dispositivo em que o relógio está sendo executado.

Usando o modo de tela cheia

O botão "Entrar em tela cheia" usa a API Fullscreen do navegador para expandir o relógio e preencher toda a tela, ocultando a barra de endereço e as abas do navegador. Clicar novamente no botão ou pressionar Esc sai do modo de tela cheia e retorna à página normal. O rótulo do botão muda automaticamente para "Sair da tela cheia" assim que a página entra nesse modo, inclusive quando a tela cheia é encerrada com Esc, e não pelo botão.

Nem todo navegador ou visualização incorporada é compatível com a API Fullscreen. Alguns navegadores antigos, alguns navegadores integrados a aplicativos e iframes que bloqueiam a tela cheia não atenderão à solicitação. Se isso acontecer, a página exibirá uma mensagem em vez de falhar silenciosamente.

Exemplo prático

Suponha que a hora local seja 5 segundos depois de 1:05 da tarde.

• No modo padrão de 24 horas, o relógio exibirá 13:05:05.
• Com o controle de 12 horas ativado, o mesmo instante será exibido como 1:05:05 PM.
• Com os segundos desativados, os dois modos exibirão 13:05 e 1:05 PM.

À meia-noite, o relógio de 24 horas exibirá 00:00:00, e o relógio de 12 horas exibirá 12:00:00 AM.

Dúvidas frequentes

O que é o formato de 24 horas? O formato de 24 horas numera todas as horas do dia de 00 a 23, portanto cada hora é única e não é necessário usar um indicador AM ou PM. Esse é o formato padrão usado por este relógio.

Por que um relógio de 12 horas mostra 12:00 AM à meia-noite? Um relógio de 12 horas não tem a hora zero. Por convenção, a hora após 11 PM é identificada como 12 AM, e não como 0 AM, marcando o início de um novo dia; a hora após 11 AM é identificada como 12 PM, marcando o meio-dia.

Por que o botão de tela cheia não funciona? Alguns navegadores e visualizações incorporadas, como certos navegadores integrados a aplicativos ou iframes em sandbox, não são compatíveis com a API Fullscreen ou a bloqueiam fora de um clique direto do usuário. A página exibirá uma mensagem quando uma solicitação de tela cheia falhar ou não for compatível.

O relógio mostra meu fuso horário ou um fuso fixo? Ele sempre mostra a hora local do dispositivo em que é executado, obtida do relógio e das configurações do dispositivo. Ativar o controle de fuso horário identifica essa hora local com o fuso horário IANA detectado pelo navegador, como America/New_York, e sua abreviação atual, como EST ou EDT.

Posso salvar nos favoritos um conjunto específico de opções de exibição? Sim. Cada controle é armazenado no URL da página, portanto um link copiado enquanto as opções de segundos, data, formato de 12 horas ou fuso horário estiverem configuradas de determinada maneira será reaberto com essas mesmas opções.

A hora continua correndo se eu deixar a aba aberta? Sim. A exibição é atualizada uma vez por segundo enquanto a página permanecer aberta, independentemente de o modo de tela cheia estar ativo.