Мой проект состоит из html и файла js, что симулируют функционирование аналоговых часов. Функционируй правильно, но я хотел бы не быть должным упоминать в функцию js с html (), как это у меня есть, и искать альтернативу ссылаясь с рукописного шрифта например только и добавлять вызов или метод к файлу js, что lanze функция
html:
<body onload="funcionReloj()">
<div id="cajacontenido">
<div id="aplicacion">
<div id="CajaReloj">
<img id="segundos" src="./IMG/Aguja3.png" alt="Manilla segundos reloj" />
<img id="minutos" src="./IMG/Aguja2.png" alt="Manilla pequeña reloj" />
<img id="hora" src="./IMG/Aguja1.png" alt="Manilla grande reloj" />
</div>
</div>
</div>
И относительно моего файла js:
function funcionReloj() {
var momentoActual = new Date();//Crea hora
var horaActual = momentoActual.getHours();//Extraemos Hora
var minutoActual = momentoActual.getMinutes();//Extraemos Minutos
var segundoActual = momentoActual.getSeconds();//Extraemos Segundos
//Identificadores para elementos
var hora = document.getElementById('hora');
var minutos = document.getElementById('minutos');
var segundos = document.getElementById('segundos');
function cambiarHora() {
//Calcular grados por hora (30deg cada hora, 30*12=360º)
var horaActualGrados = horaActual * 30 + "deg";
hora.style.transform = "rotate(" + horaActualGrados + ")";
//Calcular grados cada minuto (6deg cada minuto, 6*6=360º)
var minutoActualGrados = minutoActual * 6 + "deg";
minutos.style.transform = "rotate(" + minutoActualGrados + ")";
}
function cambiarSegundos() {
//Calcular grados cada segundo (6deg cada segundo, 6*6=360º)
var segundoActualGrados = segundoActual * 6 + "deg";
segundos.style.transform = "rotate(" + segundoActualGrados + ")";
}
cambiarHora();
cambiarSegundos();
//Actualizar reloj
setTimeout("funcionReloj()",1000);
//Actualizar reloj cada segundo
// setTimeout("cambiarSegundos()",1000);
}
Спасибо