SHARE
TWEET

Untitled

a guest Jun 20th, 2019 57 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <body onload="funcionReloj()">
  2.  
  3.    <div id="cajacontenido">
  4.         <div id="aplicacion">
  5.             <div id="CajaReloj">
  6.                 <img id="segundos" src="./IMG/Aguja3.png" alt="Manilla segundos reloj" />
  7.                 <img id="minutos" src="./IMG/Aguja2.png" alt="Manilla pequeña reloj" />
  8.                 <img id="hora" src="./IMG/Aguja1.png" alt="Manilla grande reloj" />
  9.             </div>
  10.         </div>
  11.     </div>
  12.      
  13. function funcionReloj() {
  14.     var momentoActual = new Date();//Crea hora
  15.     var horaActual = momentoActual.getHours();//Extraemos Hora
  16.     var minutoActual = momentoActual.getMinutes();//Extraemos Minutos
  17.     var segundoActual = momentoActual.getSeconds();//Extraemos Segundos
  18.  
  19.     //Identificadores para elementos
  20.     var hora = document.getElementById('hora');
  21.     var minutos = document.getElementById('minutos');
  22.     var segundos = document.getElementById('segundos');
  23.  
  24.     function cambiarHora() {
  25.         //Calcular grados por hora (30deg cada hora, 30*12=360º)
  26.          var horaActualGrados = horaActual * 30 + "deg";
  27.          hora.style.transform = "rotate(" + horaActualGrados + ")";
  28.  
  29.         //Calcular grados cada minuto (6deg cada minuto, 6*6=360º)
  30.          var minutoActualGrados = minutoActual * 6 + "deg";
  31.          minutos.style.transform = "rotate(" + minutoActualGrados + ")";
  32.     }
  33.  
  34.     function cambiarSegundos() {
  35.         //Calcular grados cada segundo (6deg cada segundo, 6*6=360º)
  36.         var segundoActualGrados = segundoActual * 6 + "deg";
  37.         segundos.style.transform = "rotate(" + segundoActualGrados + ")";
  38.     }
  39.  
  40.     cambiarHora();
  41.     cambiarSegundos();
  42.  
  43.     //Actualizar reloj
  44.     setTimeout("funcionReloj()",1000);
  45.  
  46.     //Actualizar reloj cada segundo
  47.     //    setTimeout("cambiarSegundos()",1000);
  48. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top