Add files via upload
This commit is contained in:
commit
49f3bf0b8b
4 changed files with 163 additions and 0 deletions
32
js/script.js
Normal file
32
js/script.js
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
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);
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue