Open monicafdez opened 2 years ago
Bonjour,
Je viens de réaliser cette issue. Pour ce faire, j'ai créé plusieurs variables heures, minutes ,secondes ensuite avec settimeout() on va lancer récursivement toute les 1 seconde add(), dans add, on a :
Bonjour,
J’ai traité cette issue.
J’ai ajouté deux boutons « Démarrer la présentation » et « Arrêter la présentation » sur la page principale du projet.
J’ai modifié la page html AleaConf en ajoutant les composants liés au chronomètre.
J’ai développé un fichier « timer.js » qui contient les fonctions nécessaires pour gérer le défilement du chronomètre. L’idée est d’incrémenter les secondes de 1 et de gérer la conversion vers les minutes et heures en cas de dépassement de 60.
Un appel périodique via la fonction settimeout permet de relancer la fonction « défilerchrono » à chaque période d’une seconde.
Le bouton « Arrêter la présentation » permet de stopper le chrono et de reprendre si besoin en cliquant sur le bouton « Démarrer la présentation ».
Bonjour monicafdez, J'ai réglé cet issue: 1- J'ai déclaré trois fonctions: une pour démarrer le chronos, une pour faire une pause de chronos et la dernière pour faire un reset de chronos. 2- L'idée quand on clique sur démarrer: on lance la compteur (avec setTimeout) et on met le bouton de démarrer à false pour éviter le problème des cliques multiples. 3- Quand on clique sur pause: on fait une pause de chrono en appellant clearTimeout qui annule l'effet de setTimeout et on active le boutton de démarrer. 4- Quand on clique sur arrêter on appelle clearTimeout et on réinitialise le chronomêtre à 0.
Mettre un chronomètre à côté des slides pour que le présentateur puisse savoir combien de temps lui reste pour faire la présentation ou pour parler d'un certain sujet ou idée. Ça permettrait de mieux maîtriser le timing