ajouter un compte a rebours

science-quest/src/components/jeux/kahoot/KahootPartie.vue

@@ -6,6 +6,7 @@ export default {
 			codePartie: this.$route.params.code ?? -1,
 			//unix timestamp pour indiquer la date limite pour repondre a la question, -1 indiquera la fin de la partie
 			dateFinDeLaQuestion:0,
+			compteARebours:0,
 
 			//note au back : l'API devra renvoyer les scores comme si c'etait une question avec une seule (ou 0) réponse
 			question:"",
@@ -18,6 +19,8 @@ export default {
 	},
 	mounted(){
 		this.obtenirQuestion()
+		//demarrer le compte a rebours
+		window.setInterval(this.calculerCompteARebours,22)
 	},
 	methods:{
 		obtenirQuestion(){
@@ -43,6 +46,14 @@ export default {
 			this.question=`Réponse "${reponse}" envoyée`
 			this.reponses=[]
 		},
+		calculerCompteARebours(){
+			if(this.dateFinDeLaQuestion<Date.now()){
+				//si il reste plus de temps
+				this.compteARebours=0
+				return
+			}
+			this.compteARebours=((this.dateFinDeLaQuestion-Date.now())/1000).toFixed(2)
+		},
 		//simuler l'api
 		async DEBUG_obtenirQuestionNormale(){
 			return JSON.parse(`
@@ -70,7 +81,7 @@ export default {
 
 <template>
 	<p>debug : code partie {{ codePartie }}</p>
+	<p>Temps : {{ compteARebours }}s</p>
 	<p>{{ question }}</p>
 	<button v-for="reponse in reponses" @click="repondre(reponse)">{{ reponse }}</button>
-	<p>{{  Date.now() }}</p>
 </template>