Como Inserir Data e Hora em um Site

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

Passo 1

Abra uma de suas páginas web usando Bloco de Notas, editor HTML ou qualquer aplicativo que produza texto simples. Para garantir cópia do código original, duplique o arquivo antes de editar.

Passo 2

Adicione o seguinte código após a primeira tag "<body>" no seu HTML:

<div id="datetime"></div>

Isso cria um bloco "div" vazio.

Passo 3

Adicione o seguinte código antes da tag de fechamento "</head>" no seu HTML:

<script type="text/javascript">
window.onload = function() {
  var dateTime = new Date();
  var separator = " - ";
  var formattedDateTime = dateTime.toLocaleDateString() + separator + dateTime.toLocaleTimeString();
  document.getElementById("datetime").innerHTML = formattedDateTime;
}
</script>

Esta função JavaScript roda após a página carregar. A variável "dateTime" guarda data e hora do sistema. "formattedDateTime" divide em dois valores formatados, um para data e outro para hora, separados pelo caractere em "separator". As duas últimas linhas adicionam a string formatada à tag "div" definida na seção body.

Passo 4

Salve o documento e abra no navegador. Data e hora aparecem onde colocou a tag "div". Recarregue a página para ver os valores mudarem.

Dica

A variável separator pode conter qualquer caractere. Este exemplo usa travessão.

• Como Extrair Arquivo DAT
• Como Remover Caracteres em Documento Word