utilisation de la minuterie de vue

1. Scénarios d'utilisation

Selon la position du cadre du visage poussé par ws, dessinez-le sur la toile ; si le message n'est pas reçu après plus de 500 ms, nettoyez la toile. Capture d'écran ci-dessous :

Deux, le code est le suivant

/**
* timeTotal   number   500ms 倒计时
* interval  number   计时器间隔 100ms    每100ms执行一次
*/
listenNoMsg(timeTotal, interval) {
  const TIME_COUNT = timeTotal;
  let count = TIME_COUNT;
  if (this.detectTimer) this.resetDetectTimer(); 
  this.detectTimer = setInterval(() => {
    if (count > 0 && count <= TIME_COUNT) {
      count -= interval;
    } else {
      this.rectCtx.clearRect(0, 0, this.width, this.height);
      this.resetDetectTimer();
    }
  }, interval);
},
 //清理定时器
resetDetectTimer() {
  clearInterval(this.detectTimer);
  this.detectTimer = null;
},

L'appel est le suivant :

  this.listenNoMsg(500, 100);