Adicionar a data e hora atuais a um site garante que pelo menos uma coisa no site seja alterada quando um visitante do site atualizar 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 hora em seu site com algumas linhas de código.
Etapa 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ê retenha uma cópia do código do site não editado, duplique o arquivo antes de editá-lo.
Etapa 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 do fechamento " " tag em seu HTML:
Essa 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" quebra dateTime em dois valores formatados, um para a data e outro para a hora, separados pelo caractere definido em "separator". As duas últimas instruções adicionam a string de data e hora formatada à tag "div" definida na seção do corpo do HTML.
Etapa 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 traço.
