3.01-QCM_MuscuMaths_Test/Website/js/scriptChrono.js

let tempsExport = 0;
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 mettreAJourTempsExport(newTemps) {
        tempsExport = newTemps;
    }

    function mettreAJourAiguille(timestamp) {
        if (!debutAnimation) {
            debutAnimation = timestamp;
        }
    const tempsEcoule = timestamp - debutAnimation;
    mettreAJourTempsExport(tempsEcoule);
    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);
export {tempsExport};