Timer

[vincent-agi]

Pour faire un timer pour ton application le code est très simple.

Ce que je te propose c'est déjà :

1. être sûr que ton code sur ton mac est a jour avec celui du dépôt avec la commande globale git add . && git commit -m "geolocation" && git push origin main && git pull origin main
2. Créer une nouvelle branche nommée par exemple timer avec la commande git switch -c timer
3. Placer le code suivant page.ts

minutes: number = 0;
  seconds: number = 0;
  milliseconds: number = 0;
  interval: any;

  constructor() { }

  startTimer() {
    this.interval = setInterval(() => {
      this.milliseconds += 10;
      if (this.milliseconds == 1000) {
        this.milliseconds = 0;
        this.seconds++;
      }
      if (this.seconds == 60) {
        this.seconds = 0;
        this.minutes++;
      }
    }, 10);
  }

  stopTimer() {
    clearInterval(this.interval);
  }

// reinistialise le timer
public  resetTimer() {
    this.stopTimer();
    this.timerValue = 0;
  }

Tu peux utiliser les fonctions et la valeur du timer comme sur l'exemple qui suis.

<div>
  <h1>Timer: {{ minutes }} : {{ seconds }} : {{ milliseconds }}</h1>
  <button (click)="startTimer()">Start</button>
  <button (click)="stopTimer()">Stop</button>
  <button (click)="resetTimer()">Reset</button>
</div>

[vincent-agi]

je t'ai laissé des toutes petites choses a modifier pour t'amuser. Fais attention au nom des fonctions (start, stop resetTimer) et au nom des variables (isrunning). Que les nons soient cohérent dans le .ts et le .html sinon tu obteniendras une erreur indiquant que la proporété n'existe pas

[vincent-agi]

Je pense que maintenant tu sais comment gérer les timers :) . Quand tu auras le temps close cette issue stp.