Timer

Visualizza un timer che attiverà un richiamo predefinito quando il tempo è scaduto. Un esempio di caso d'uso è il tempo dei quiz.

Opzioni

id | string: l'unico stringa ID per il timer. Se viene impostato un ID, il componente del timer è persistente sul refresh della pagina. Default: none.
active | boolean (required): bandiera che può essere attivata per avviare o mettere in pausa il timer. Default: none.
belowZero | boolean: controlla se il timer continua il conteggio dopo l'esaurimento della durata. Default: false.
duration | number (required): durata in secondi per il timer. Default: none.
invisible | boolean: controlla se il timer deve essere nascosto. Default: false.
legend | string: testo visualizzato davanti al timer. Default: ''.
style | object: Stili in linea CSS. Default: {}.
onTimeUp | function: richiamata quando il timer si esaurisce. Default: onTimeUp() {}.

Editore dal vivo

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

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

Risultato

ReferenceError: Provider is not defined