Skip to main content

Timer

Affiche une minuterie qui déclenche un rappel prédéfini lorsque le temps est écoulé. Un exemple de cas d'utilisation est le chronométrage des quiz.

Options#

  • id | string: l'identification unique de la "chaîne" pour le minuteur. Si un ID est défini, le composant de la minuterie est persistant sur les rafraîchissements de page. Default: none.
  • active | boolean (required): drapeau qui peut être basculé pour démarrer ou mettre en pause le minuteur. Default: none.
  • belowZero | boolean: contrôle si la minuterie continue à compter après l'épuisement de la durée. Default: false.
  • duration | number (required): durée en secondes pour la minuterie. Default: none.
  • invisible | boolean: contrôle si la minuterie doit être cachée. Default: false.
  • legend | string: texte affiché devant la minuterie. Default: ''.
  • style | object: Styles CSS en ligne. Default: {}.
  • onTimeUp | function: rappel invoqué lorsque le délai est écoulé. Default: onTimeUp() {}.

Exemples#

Éditeur en direct
Résultat
ReferenceError: Provider is not defined