From 0ee00f8243d91d490c4cd7cba779da2db4233282 Mon Sep 17 00:00:00 2001
From: Vincent Ramiere <vincent.ramiere1@gmail.com>
Date: Mon, 20 Sep 2021 19:11:41 +0200
Subject: [PATCH] ajout script

---
 js/script.js | 53 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 js/script.js

diff --git a/js/script.js b/js/script.js
new file mode 100644
index 0000000..3d7edf9
--- /dev/null
+++ b/js/script.js
@@ -0,0 +1,53 @@
+// 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()
+
+//Stocker l'heure , minute , seconde  dans des varaiables
+
+
+// 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 dateActuelle = new Date();
+
+    let hour = dateActuelle.getHours();
+    let minute = dateActuelle.getMinutes();
+    let second = dateActuelle.getSeconds();
+
+// Afficher les aiguilles à l'instant T
+
+    function initialiserAffichage(){
+
+    
+
+    AIGUILLESEC.style.transform = "rotate("+second*6+"deg)";
+    AIGUILLEMIN.style.transform = "rotate("+60*minute*0.1+"deg)";
+    AIGUILLEHR.style.transform = "rotate("+3600*hour*0.0083+"deg)";
+
+}
+
+initialiserAffichage();
+
+
+// Déplacer les aiguilles 
+
+    function demarrerLaMontre() {
+
+    dateActuelle = new Date();
+
+    hour = dateActuelle.getHours();
+    minute = dateActuelle.getMinutes();
+    second = dateActuelle.getSeconds();
+
+    AIGUILLESEC.style.transform = "rotate("+second*6+"deg)";
+    AIGUILLEMIN.style.transform = "rotate("+60*minute*0.1+"deg)";
+    AIGUILLEHR.style.transform = "rotate("+3600*hour*0.0083+"deg)";
+
+}
+
+// Exercuter la fonction chaque second
+var interval = setInterval(demarrerLaMontre, 1000);
+