Timer

Afișează un cronometru care va declanșa o reacție predefinită la expirarea timpului. Un exemplu de utilizare este cronometrarea testelor.

Opțiuni

id | string: ID-ul unic string pentru cronometru. Dacă este setat un ID, componenta cronometru este persistentă în timpul reîmprospătării paginii.. Default: none.
active | boolean (required): indicator care poate fi activat pentru a porni sau a întrerupe cronometrul. Default: none.
belowZero | boolean: controlează dacă cronometrul continuă să numere după ce durata este epuizată. Default: false.
duration | number (required): durata în secunde pentru temporizator. Default: none.
invisible | boolean: controlează dacă temporizatorul trebuie să fie ascuns. Default: false.
legend | string: textul afișat în fața cronometrului. Default: ''.
style | object: Stiluri inline CSS. Default: {}.
onTimeUp | function: callback invocat atunci când temporizatorul se termină. Default: onTimeUp() {}.

Editor live

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

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

Rezultat

ReferenceError: Provider is not defined