diff --git a/Website/js/scriptChrono.js b/Website/js/scriptChrono.js
new file mode 100644
index 0000000..9d7061e
--- /dev/null
+++ b/Website/js/scriptChrono.js
@@ -0,0 +1,28 @@
+const dureeQuiz = 30; // Durée du quiz en secondes
+ const aiguilleElement = document.getElementById("aiguille");
+ const fondElement = document.getElementById("fond");
+ let tempsRestant = dureeQuiz;
+ let debutAnimation;
+ const animationDuration = 30 * 1000; // Durée de l'animation en millisecondes
+
+ function mettreAJourAiguille(timestamp) {
+ if (!debutAnimation) {
+ debutAnimation = timestamp;
+ }
+ const tempsEcoule = timestamp - debutAnimation;
+ const pourcentageTempsEcoule = tempsEcoule / animationDuration;
+ const rotationDeg = pourcentageTempsEcoule * 360;
+ aiguilleElement.style.transform = `rotate(${rotationDeg}deg)`;
+ // Mettez à jour le fond en fonction de la position de l'aiguille
+ fondElement.style.background = `conic-gradient(red 0%, red ${rotationDeg}deg, #4b4b4b ${rotationDeg}deg, #4b4b4b 360deg)`;
+
+
+ if (tempsEcoule < animationDuration) {
+ requestAnimationFrame(mettreAJourAiguille);
+ } else {
+ // Le temps est écoulé, affichez un message
+ console.log("Le timer est à zéro !");
+ // action à foutre à la fin du timer
+ }
+}
+requestAnimationFrame(mettreAJourAiguille);
\ No newline at end of file
diff --git a/Website/templates/solo.twig b/Website/templates/solo.twig
index 521cbc3..d61593d 100644
--- a/Website/templates/solo.twig
+++ b/Website/templates/solo.twig
@@ -18,7 +18,18 @@
-
+
+
+
+
+
+
+
\ No newline at end of file