12 java script - trabalhando com datas
TRANSCRIPT
Páginas Web 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 resultadodocument.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 atualvar data = new Date();
// Guarda cada pedaço em uma variávelvar dia = data.getDate(); // 1-31var dia_sem = data.getDay(); // 0-6 (zero=domingo)var mes = data.getMonth(); // 0-11 (zero=janeiro)var ano2 = data.getYear(); // 2 dígitosvar ano4 = data.getFullYear(); // 4 dígitosvar hora = data.getHours(); // 0-23var min = data.getMinutes(); // 0-59var seg = data.getSeconds(); // 0-59var mseg = data.getMilliseconds(); // 0-999var 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