it4life - Portal de Informática

jfrosorio


junkie user
93 posts

function Relogio(){
 var novaHora = new Date();         // Date --> objecto Javascript
 var horas = new String(novaHora.getHours());    // getHours --> método do objecto Date --> retorna um valor entre 0 e 23 
 var minutos = new String(novaHora.getMinutes());  // getMinutes --> método do objecto Date --> retorna um valor entre 0 e 59 
 var segundos = new String(novaHora.getSeconds());  // getSeconds --> método do objecto Date --> retorna um valor entre 0 e 59
 
 if(horas < 10)
  horas = "0" + horas;
 
 if(minutos < 10)
  minutos = "0" + minutos;
 
 if(segundos < 10)
  segundos = "0" + segundos;
 
 hora_actual = horas + " : " + minutos + " : " + segundos;
 
 document.form_calendario.relogio.value = hora_actual;
 contador = setTimeout("Relogio()",1000); // método do objecto Window
}

function calendario(){
 var A_mes = new Array("Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro");
 var A_diaSem = new Array("Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"); // Array --> objecto javascript
 var data = new Date();               // Date --> objecto Javascript
 var ano = data.getFullYear();    // getFullYear --> método do objecto Date --> retorna o ano actual no formato completo
 var mes = data.getMonth();     // getFullYear --> método do objecto Date --> retorna o mes com um valor entre 0 e 11
 var dia = data.getDate();     // getFullYear --> método do objecto Date --> retorna o dia actual
 var dia_Semana = data.getDay();    // getFullYear --> método do objecto Date --> retorna o dia da semana (valor entre 0 e 6) 
 
 for(mes = 0; mes < 12; mes++){
  data.setDate(1);        // iniciar o calend&aacute;rio no dia 1
  data.setMonth(mes);      // Determinar o cabe&ccedil;alho do calend&aacute;rio
  calendario = &#39;
  
  //Determinar os dias da semana
  calendario += &#39;&#39;;
  for(i = 0; i < 7; i++){
   if(dia_Semana == i)
    calendario += &#39;&#39;;
   else calendario += &#39;&#39;;
  } calendario += &#39;&#39;;
  
  for(var i = 0; ii){
   dia_Semana=data.getDay();  //actualizar a vari&aacute;vel dia_Semana
   
   //iniciar a semana
   if(dia_Semana==0)
    calendario+=&#39;&#39;;
   
   //semana
   if(dia_Semana!=7){
    var diasMes=data.getDate();
    
    if(dia==data.getDate())
     calendario+=&#39;&#39;;
    else calendario+=&#39;&#39;;
   }
   
   //concluir a semana
   if(dia_Semana==7)
    calendario+=&#39;&#39;; 
  }
  
  data.setDate(data.getDate()+1);
 }
 
 calendario+=&#39;&#39;; calendario+=&#39;</p>

<table align="center">
 <tbody>
  <tr>
   <th colspan="7">&#39; + A_mes[mes] + &#39; de &#39; + ano + &#39;</th>
  </tr>
  <tr>
   <td><strong>&#39; + A_diaSem[i] + &#39;</strong></td>
   <td>&#39; + A_diaSem[i] + &#39;</td>
  </tr>
  <tr>
   <td><strong>&#39; + diasMes + &#39;</strong></td>
   <td>&#39; + diasMes + &#39;</td>
  </tr>
  <tr>
   <td colspan="7">&nbsp;</td>
  </tr>
 </tbody>
</table>

document.write(calendario); } }
function Relogio(){  var novaHora = new Date(); //Date --&gt; objecto Javascript  var horas = new String(novaHora.getHours());     //getHours --&gt; m&eacute;todo do objecto Date --&gt; retorna um valor entre 0 e 23  var minutos = new String(novaHora.getMinutes());   //getMinutes --&gt; m&eacute;todo do objecto Date --&gt; retorna um valor entre 0 e 59  var segundos = new String(novaHora.getSeconds());   //getSeconds --&gt; m&eacute;todo do objecto Date --&gt; retorna um valor entre 0 e 59  //String --&gt; objecto Javascript      //apresentar resultado no formato de dois d&iacute;gitos  if(horas&lt;10)   horas = &quot;0&quot; + horas;  if(minutos&lt;10)   minutos = &quot;0&quot;  +minutos;  if(segundos&lt;10)   segundos = &quot;0&quot; + segundos;      hora_actual = horas + &quot; : &quot; + minutos + &quot; : &quot; + segundos;  document.form_calendario.relogio.value = hora_actual;   contador = setTimeout(&quot;Relogio()&quot;,1000); //m&eacute;todo do objecto Window } function calendario(){  var A_mes = new Array(&quot;Janeiro&quot;,&quot;Fevereiro&quot;,&quot;Mar&ccedil;o&quot;,&quot;Abril&quot;,&quot;Maio&quot;,&quot;Junho&quot;,&quot;Julho&quot;,&quot;Agosto&quot;,&quot;Setembro&quot;,&quot;Outubro&quot;,&quot;Novembro&quot;,&quot;Dezembro&quot;);    var A_diaSem = new Array(&quot;Dom&quot;,&quot;Seg&quot;,&quot;Ter&quot;,&quot;Qua&quot;,&quot;Qui&quot;,&quot;Sex&quot;,&quot;S&aacute;b&quot;);  //Array --&gt; objecto javascript    var data = new Date();     //Date --&gt; objecto Javascript  var ano = data.getFullYear();   //getFullYear --&gt; m&eacute;todo do objecto Date --&gt; retorna o ano actual no formato completo  var mes = data.getMonth();   //getFullYear --&gt; m&eacute;todo do objecto Date --&gt; retorna o mes com um valor entre 0 e 11  var dia = data.getDate();   //getFullYear --&gt; m&eacute;todo do objecto Date --&gt; retorna o dia actual  var dia_Semana = data.getDay();  //getFullYear --&gt; m&eacute;todo do objecto Date --&gt; retorna o dia da semana (valor entre 0 e 6)  for(mes=0; mes&lt;12; mes++){    data.setDate(1);       //iniciar o calend&aacute;rio no dia 1   data.setMonth(mes);   //Determinar o cabe&ccedil;alho do calend&aacute;rio      calendario = &#39;</pre>

//Determinar os dias da semana calendario += &#39;&#39;; for(i=0; i&lt;7; i++){ if(dia_Semana == i) calendario += &#39;&#39;; else calendario += &#39;&#39;; } calendario += &#39;&#39;; for(var i=0; ii){ //imprimir apenas os dias do mes dia_Semana=data.getDay(); //actualizar a vari&aacute;vel dia_Semana if(dia_Semana==0) //iniciar a semana calendario+=&#39;&#39;; if(dia_Semana!=7){ //semana var diasMes=data.getDate(); if(dia==data.getDate()) calendario+=&#39;&#39;; else calendario+=&#39;&#39;; } if(dia_Semana==7) //concluir a semana calendario+=&#39;&#39;; } data.setDate(data.getDate()+1); } calendario+=&#39;&#39;; calendario+=&#39;</p>

<table align="center">
 <tbody>
  <tr>
   <th colspan="7">&#39; + A_mes[mes] + &#39; de &#39; + ano + &#39;</th>
  </tr>
  <tr>
   <td><strong>&#39; + A_diaSem[i] + &#39;</strong></td>
   <td>&#39; + A_diaSem[i] + &#39;</td>
  </tr>
  <tr>
   <td><strong>&#39; + diasMes + &#39;</strong></td>
   <td>&#39; + diasMes + &#39;</td>
  </tr>
  <tr>
   <td colspan="7">&nbsp;</td>
  </tr>
 </tbody>
</table>

document.write(calendario); } }

Relativamente ao tutorial JavaScript - Calendário e relógio, surgiram dúvidas sobre como gerar os 12 meses do ano em simultâneo.
Por isso, deixo aqui o script comentado para gerar os 12 meses. (As linhas sublinhadas correspondem às alterações relativamente ao script original.)

 

Se surgirem mais dúvidas, não hesitem em colocar as vossas questões.


A prática vale muito, mas é a vontade de ir mais longe que garante o sucesso.

saracanelas


1.0 user
1 post

Obrigada por ter disponibilizado o código. Acabei por conseguir resolver o problema mas mesmo assim ficam aqui os meus agradecimentos. Ficarei atenta aos seus próximos tutoriais. Actualmente encontro-me é com outro problema que diz respeito ao layout. ao usar o document.write ele gera-me uma página nova eu quero colocar o calendário numa DIV utilizando o innerHTML. Só que o calendário aparece-me e desaparece-me da DIV e ainda não consegui descobrir a que se deve isso. Obrigada.Cumprimentos.

Segue-nos nas redes sociais