Páginas

quinta-feira, 5 de abril de 2018

Página HTML com relógio (javascript)

<html>
<head>
<title>Relogio em Tempo Real</title>
</head>
<script>
 function showTimer() {
  var time=new Date();

  var dia= time.getDate();           // 1-31
  var mes= time.getMonth()+1;          // 0-11 (zero=janeiro)
  var ano= time.getFullYear();       // 4 dígitos

  var hour=time.getHours();
  var minute=time.getMinutes();
  var second=time.getSeconds();
  if(dia<10)   dia  ="0"+dia;
  if(mes<10)   mes  ="0"+mes;

  if(hour<10)   hour  ="0"+hour;
  if(minute<10) minute="0"+minute;
  if(second<10) second="0"+second;
  var st=+ano+"/"+mes+"/"+dia+ "  "+ hour+":"+minute+":"+second;
  document.getElementById("timer").innerHTML=st;
 }
 function initTimer() {
  // O metodo nativo setInterval executa uma determinada funcao em um determinado tempo 
  setInterval(showTimer,1000);
 }
</script>
<body onLoad="initTimer();">
Exemplo de Relógio em tempo real utilizando a TAG 'span' e o método setInterval.
<br><br>
<span id="timer">Relógio</span>
</body>

</html>

Nenhum comentário:

Postar um comentário