Data e hora em JavaScript [Javascript]

Data e hora em JavaScript

Publicado por Angelito Monteiro Goulart (última atualização em 18/06/2011)

[ Hits: 18.882 ]

Homepage: http://angelitomg.com

Download data_hora.html

1 0

Denuncie Favoritos Indicar

Script que exibe a data e a hora em javascript. A funcao recebe como parametro a div a qual sera exibida a data e a hora.

Esconder código-fonte

<html>
<head>
<title>Data::Hora Javascript</title>
<script type="text/javascript">
function exibeDataHora(div){

   /*
   *
   * Funcao para exibicao de data e hora
   * Angelito M. Goulart
   * <angelito@bsd.com.br>
   * 06/04/2011
   *
   * Uso: basta chama-la ao carregar a pagina
   * e passar a div onde sera exibida a data 
   * e hora como parametro.
   *
   */

   //cria um objeto do tipo date
   var data = new Date();
   
   // obtem o dia, mes e ano
   dia = data.getDate();
   mes = data.getMonth() + 1;
   ano = data.getFullYear();
   
   //obtem as horas, minutos e segundos
   horas = data.getHours();
   minutos = data.getMinutes();
   segundos = data.getSeconds();
   
   //converte as horas, minutos e segundos para string
   str_horas = new String(horas);
   str_minutos = new String(minutos);
   str_segundos = new String(segundos);
   
   //se tiver menos que 2 digitos, acrescenta o 0
   if (str_horas.length < 2)
      str_horas = 0 + str_horas;
   if (str_minutos.length < 2)
      str_minutos = 0 + str_minutos;
   if (str_segundos.length < 2)
      str_segundos = 0 + str_segundos;
   
   //converte o dia e o mes para string
   str_dia = new String(dia);
   str_mes = new String(mes);
   
   //se tiver menos que 2 digitos, acrescenta o 0
   if (str_dia.length < 2) 
      str_dia = 0 + str_dia;
   if (str_mes.length < 2) 
      str_mes = 0 + str_mes;
   
   //cria a string que sera exibida na div
   data = str_dia + '/' + str_mes + '/' + ano + ' - ' + str_horas + ':' + str_minutos + ':' + str_segundos;
   
   //exibe a string na div
   document.getElementById(div).innerHTML = data;
   
   //executa a funcao com intervalo de 1 segundo
   setTimeout("exibeDataHora('hora')", 1000);
   
}
</script>
</head>
<body onload="javascript:exibeDataHora('hora');">
<div id="hora"></div>
</body>
</html>

Scripts recomendados

Gráfico de banda só com texto

Cálculo de frete/correios utilizando Ajax

Banner Rotativo em JavaScript grava click no Mysql.

xCalc: Calculadora

Tabela paginada e com diferenciação de cor nas linhas

Comentários

[1] Comentário enviado por silviogarbes em 12/02/2016 - 17:34h

http://stackoverflow.com/questions/8362952/javascript-date-output-formatting

You can build it manually:
var m = new Date();
var dateString = m.getUTCFullYear() +"/"+ (m.getUTCMonth()+1) +"/"+ m.getUTCDate() + " " + m.getUTCHours() + ":" + m.getUTCMinutes() + ":" + m.getUTCSeconds();

and to force two digits on the values that require it, you can use something like this:
("0000" + 5).slice(-2)

Which would look like this:

var m = new Date();
var dateString =
m.getUTCFullYear() +"/"+
("0" + (m.getUTCMonth()+1)).slice(-2) +"/"+
("0" + m.getUTCDate()).slice(-2) + " " +
("0" + m.getUTCHours()).slice(-2) + ":" +
("0" + m.getUTCMinutes()).slice(-2) + ":" +
("0" + m.getUTCSeconds()).slice(-2);

0 0

[2] Comentário enviado por spencer em 07/01/2019 - 15:01h

Estava pesquisando sobre o assunto e resolvi tentar, rererere, mas não conseguia encontrar algo relacionado ao horário de verão e como anular ele, enfim esse era meu problema, que solucionei indicando -1 para obter o resultado esperado na variável de captura hora, ficando como norma geral, que toda vez que eu pegar (getHours) será -1.

<html>
<head>
<title>Data::Hora Javascript</title>
<script type="text/javascript">
function exibeDataHora(div){

/*
*
* Funcao para exibicao de data e hora
* Angelito M. Goulart
* <angelito@bsd.com.br>
* 06/04/2011
*
* Uso: basta chama-la ao carregar a pagina
* e passar a div onde sera exibida a data
* e hora como parametro.
*
*/

//cria um objeto do tipo date
var data = new Date();

// obtem o dia, mes e ano
dia = data.getDate();
mes = data.getMonth() + 1;
ano = data.getFullYear();
//Adicionei o -1, para anular o horário de verão - solução rápida porém ineficiente globalmente
//obtem as horas, minutos e segundos
horas = data.getHours() -1; //-1hora - Norte Nordeste - America/Recife UTC
minutos = data.getMinutes();
segundos = data.getSeconds();

//converte as horas, minutos e segundos para string
str_horas = new String(horas);
str_minutos = new String(minutos);
str_segundos = new String(segundos);

//se tiver menos que 2 digitos, acrescenta o 0
if (str_horas.length < 2)
str_horas = 0 + str_horas;
if (str_minutos.length < 2)
str_minutos = 0 + str_minutos;
if (str_segundos.length < 2)
str_segundos = 0 + str_segundos;

//converte o dia e o mes para string
str_dia = new String(dia);
str_mes = new String(mes);

//se tiver menos que 2 digitos, acrescenta o 0
if (str_dia.length < 2)
str_dia = 0 + str_dia;
if (str_mes.length < 2)
str_mes = 0 + str_mes;

//cria a string que sera exibida na div
data = str_dia + '/' + str_mes + '/' + ano + ' - ' + str_horas + ':' + str_minutos + ':' + str_segundos;

//exibe a string na div
document.getElementById(div).innerHTML = data;

//executa a funcao com intervalo de 1 segundo
setTimeout("exibeDataHora('hora')", 1000);

}
</script>
</head>
<body onload="javascript:exibeDataHora('hora');">
<div id="hora"></div>
</body>
</html>

0 0