Como inserir a data e hora em um site

Código HTML

Adicione a data e a hora ao código do seu site.

Crédito da imagem: Baitong333 / iStock / Getty Images

Adicionar a data e hora atuais a um site da Web garante que pelo menos uma coisa no site mude quando um visitante atualiza uma página. Você não precisa aprender linguagens de programação avançadas como PHP, JAVA ou ASP.NET para trabalhar com formatos de data e hora. Usando JavaScript e HTML básico, você pode inserir a data e a hora em seu site com algumas linhas de código.

Passo 1

Abra uma de suas páginas da Web usando o Bloco de notas, um editor de HTML ou qualquer aplicativo que produza texto simples. Para garantir que você mantenha uma cópia do código do site não editado, duplique o arquivo antes de editá-lo.

Vídeo do dia

Passo 2

Adicione o seguinte código após a primeira tag "" em seu HTML:

Isso cria um bloco "div" vazio.

etapa 3

Adicione o seguinte código antes da tag de fechamento "" em seu HTML:

Esta função JavaScript é executada após o carregamento da página. A variável "dateTime" contém a data e hora do sistema. A variável "formattedDateTime" divide dateTime em dois valores formatados, um para a data e outro para a hora, separados pelo caractere definido em "separador". As duas últimas instruções adicionam a string formatada de data e hora à tag "div" definida na seção do corpo do HTML.

Passo 4

Salve o documento e abra-o em seu navegador. A data e a hora aparecem no local em que você colocou a tag "div". Recarregue a página para ver a alteração dos valores.

Dica

A variável separadora pode conter qualquer caractere que você selecionar. Este exemplo usa um travessão.