33 lines
1.1 KiB
JavaScript
33 lines
1.1 KiB
JavaScript
|
function demarrerLaMontre (i){
|
||
|
|
|
||
|
|
// Séléctionner les aiguilles de montre
|
||
|
|
const AIGUILLEHR = document.querySelector("#hour");
|
||
|
|
const AIGUILLEMIN = document.querySelector("#minute");
|
||
|
|
const AIGUILLESEC = document.querySelector("#second");
|
||
|
|
|
||
|
|
//Extraire l'heure actuel à l'aide de l'objet Date()
|
||
|
|
|
||
|
|
let dAujourdhui=new Date();
|
||
|
|
|
||
|
|
//Stocker l'heure , minute , seconde dans des varaiables
|
||
|
|
let heures = dAujourdhui.getHours();
|
||
|
|
let minutes= dAujourdhui.getMinutes();
|
||
|
|
let secondes = dAujourdhui.getSeconds();
|
||
|
|
|
||
|
|
// Calculer de degré de mouvement de l'aiguille heure, de l'aiguille minute, de l'aiguille seconde
|
||
|
|
// Hint : Tous les aiguilles doivent se déplacer chaque second selon un degré
|
||
|
|
let secondeDegre=secondes*360/60;
|
||
|
|
let minuteDegre=minutes*(360/60)+secondeDegre/60;
|
||
|
|
let heureDegre = heures*(360/12)+minuteDegre/60+secondeDegre/3600;
|
||
|
|
|
||
|
|
// Déplacer les aiguilles
|
||
|
|
AIGUILLEHR.style.transform=`rotate(${heureDegre}deg)`;
|
||
|
|
AIGUILLEMIN.style.transform=`rotate(${minuteDegre}deg)`;
|
||
|
|
AIGUILLESEC.style.transform=`rotate(${secondeDegre}deg)`;
|
||
|
|
|
||
|
|
}
|
||
|
|
// Exercuter la fonction chaque second
|
||
|
|
|
||
|
|
var interval = setInterval(demarrerLaMontre, 1000);
|
||
|
|
|