PáginasWeb com: HTML, CSS e JavaScript
Profª. Marlene da Silva Maximiano de Oliveira
& Profª. Alessandra Aparecida da Silva
JavaScript –Trabalhando com Data e Hora
// Formata a data e a hora (note o mês + 1)
var str_data = dia + '/' + (mes+1) + '/' + ano4;
var str_hora = hora + ':' + min + ':' + seg;
// Mostra o resultado
document.write('Hoje é ' + str_data + ' às ' + str_hora);
var data = new Date();
var dias = new Array(
'domingo','segunda-feira','terça-feira','quarta-feira','quinta-
feira','sexta-feira','sábado'
);
document.write("<br>" + dias[data.getDay()]);
// Note a pegadinha do mês, que inicia com zero e não um. Se você
não somar 1, janeiro aparecerá como 0
//e dezembro como 11. Já o dia do mês vai de 1 a 31, não é preciso
somá-lo.
//O dia da semana também inicia em zero, representando o domingo,
e vai até seis (sábado).
//Use um array para mostrar o dia da semana por extenso: //
</script>
<script>
// Obtém a data/hora atual
var data = new Date();
// Guarda cada pedaço em uma variável
var dia = data.getDate(); // 1-31
var dia_sem = data.getDay(); // 0-6 (zero=domingo)
var mes = data.getMonth(); // 0-11 (zero=janeiro)
var ano2 = data.getYear(); // 2 dígitos
var ano4 = data.getFullYear(); // 4 dígitos
var hora = data.getHours(); // 0-23
var min = data.getMinutes(); // 0-59
var seg = data.getSeconds(); // 0-59
var mseg = data.getMilliseconds(); // 0-999
var tz = data.getTimezoneOffset(); // em minutos
Datas – Exemplo 1
Exemplo no navegador
horaImprimivel = hora2 + " : " + minuto2 + " : " + segundo2
document.form_relogio.relogio.value = horaImprimivel
setTimeout("moveRelogio()",1000)
}
</script>
</head>
<body onload="moveRelogio()">
Vemos aqui o relógio funcionando...
<form name="form_relogio">
<input type="text" name="relogio" size="10">
</form>
</body>
</html>
if (segundo < 10){
segundo2 = "0" + segundo}
else{
segundo2 = segundo}
if (hora < 10){
hora2 = "0" + hora}
else{
hora2 = hora}
if (minuto < 10){
minuto2 = "0" + minuto}
else{
minuto2 = minuto}
<html>
<head>
<title>Relogio com Javascript</title>
<script language="JavaScript">
function moveRelogio(){
momentoAtual = new Date()
hora = momentoAtual.getHours()
minuto = momentoAtual.getMinutes()
segundo = momentoAtual.getSeconds()
Datas – Exemplo 2
Exemplo no navegador
<Script Language="JavaScript">
<!--
mydate = new Date();
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday = mydate.getDate();
myyear = mydate.getFullYear();
weekday = myweekday;
if(myday == 0)
day = " Domingo, "
else if(myday == 1)
day = " Segunda - Feira, "
else if(myday == 2)
day = "Terça - Feira, "
else if(myday == 3)
day = " Quarta - Feira, "
else if(myday == 4)
day = " Quinta - Feira, "
else if(myday == 5)
day = " Sexta - Feira, "
else if(myday == 6)
day = " Sábado, "
if(mymonth == 0)
month = "Janeiro "
else if(mymonth ==1)
month = "Fevereiro "
else if(mymonth ==2)
month = "Março "
else if(mymonth ==3)
month = "Abril "
else if(mymonth ==4)
month = "Maio "
else if(mymonth ==5)
month = "Junho "
else if(mymonth ==6)
month = "Julho "
else if(mymonth ==7)
month = "Agosto "
else if(mymonth ==8)
month = "Setembro “
else if(mymonth ==9)
month = "Outubro "
else if(mymonth ==10)
month = "Novembro "
else if(mymonth ==11)
month = "Dezembro "
document.write("<font face=arial,
size=12>"+ day);
document.write(myweekday+" de
"+month+ " de " + myyear+ "."+
"</font>");
// -->
</script>
Datas – Exemplo 3
Exemplo no navegador

12 Java Script - Trabalhando com datas

  • 1.
    PáginasWeb com: HTML,CSS e JavaScript Profª. Marlene da Silva Maximiano de Oliveira & Profª. Alessandra Aparecida da Silva
  • 2.
  • 3.
    // Formata adata e a hora (note o mês + 1) var str_data = dia + '/' + (mes+1) + '/' + ano4; var str_hora = hora + ':' + min + ':' + seg; // Mostra o resultado document.write('Hoje é ' + str_data + ' às ' + str_hora); var data = new Date(); var dias = new Array( 'domingo','segunda-feira','terça-feira','quarta-feira','quinta- feira','sexta-feira','sábado' ); document.write("<br>" + dias[data.getDay()]); // Note a pegadinha do mês, que inicia com zero e não um. Se você não somar 1, janeiro aparecerá como 0 //e dezembro como 11. Já o dia do mês vai de 1 a 31, não é preciso somá-lo. //O dia da semana também inicia em zero, representando o domingo, e vai até seis (sábado). //Use um array para mostrar o dia da semana por extenso: // </script> <script> // Obtém a data/hora atual var data = new Date(); // Guarda cada pedaço em uma variável var dia = data.getDate(); // 1-31 var dia_sem = data.getDay(); // 0-6 (zero=domingo) var mes = data.getMonth(); // 0-11 (zero=janeiro) var ano2 = data.getYear(); // 2 dígitos var ano4 = data.getFullYear(); // 4 dígitos var hora = data.getHours(); // 0-23 var min = data.getMinutes(); // 0-59 var seg = data.getSeconds(); // 0-59 var mseg = data.getMilliseconds(); // 0-999 var tz = data.getTimezoneOffset(); // em minutos Datas – Exemplo 1
  • 4.
  • 5.
    horaImprimivel = hora2+ " : " + minuto2 + " : " + segundo2 document.form_relogio.relogio.value = horaImprimivel setTimeout("moveRelogio()",1000) } </script> </head> <body onload="moveRelogio()"> Vemos aqui o relógio funcionando... <form name="form_relogio"> <input type="text" name="relogio" size="10"> </form> </body> </html> if (segundo < 10){ segundo2 = "0" + segundo} else{ segundo2 = segundo} if (hora < 10){ hora2 = "0" + hora} else{ hora2 = hora} if (minuto < 10){ minuto2 = "0" + minuto} else{ minuto2 = minuto} <html> <head> <title>Relogio com Javascript</title> <script language="JavaScript"> function moveRelogio(){ momentoAtual = new Date() hora = momentoAtual.getHours() minuto = momentoAtual.getMinutes() segundo = momentoAtual.getSeconds() Datas – Exemplo 2
  • 6.
  • 7.
    <Script Language="JavaScript"> <!-- mydate =new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday = mydate.getDate(); myyear = mydate.getFullYear(); weekday = myweekday; if(myday == 0) day = " Domingo, " else if(myday == 1) day = " Segunda - Feira, " else if(myday == 2) day = "Terça - Feira, " else if(myday == 3) day = " Quarta - Feira, " else if(myday == 4) day = " Quinta - Feira, " else if(myday == 5) day = " Sexta - Feira, " else if(myday == 6) day = " Sábado, " if(mymonth == 0) month = "Janeiro " else if(mymonth ==1) month = "Fevereiro " else if(mymonth ==2) month = "Março " else if(mymonth ==3) month = "Abril " else if(mymonth ==4) month = "Maio " else if(mymonth ==5) month = "Junho " else if(mymonth ==6) month = "Julho " else if(mymonth ==7) month = "Agosto " else if(mymonth ==8) month = "Setembro “ else if(mymonth ==9) month = "Outubro " else if(mymonth ==10) month = "Novembro " else if(mymonth ==11) month = "Dezembro " document.write("<font face=arial, size=12>"+ day); document.write(myweekday+" de "+month+ " de " + myyear+ "."+ "</font>"); // --> </script> Datas – Exemplo 3
  • 8.