Advertisement
Guest User

Untitled

a guest
Jun 20th, 2019
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.75 KB | None | 0 0
  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. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement