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() {}.

Éditeur en direct

<Timer 
    id='test-quiz'
    active={true} 
    duration={50} 
    onTimeUp={() => {
      alert( 'done' );
    }}
/>

<Timer 
    id='test-quiz'
    active={true} 
    duration={50} 
    onTimeUp={() => {
      alert( 'done' );
    }}
/>

Résultat

ReferenceError: Provider is not defined