Timer

Muestra un temporizador que activará una llamada predefinida cuando el tiempo se acabe. Un ejemplo de caso de uso es el tiempo de los exámenes.

Opciones

id | string: la identificación única de la "cuerda" para el temporizador. Si se establece un ID, el componente del temporizador es persistente en las actualizaciones de la página. Default: none.
active | boolean (required): bandera que se puede activar para iniciar o detener el temporizador. Default: none.
belowZero | boolean: controla si el temporizador sigue contando después de agotar la duración. Default: false.
duration | number (required): duración en segundos para el temporizador. Default: none.
invisible | boolean: controla si el temporizador debe ser ocultado. Default: false.
legend | string: El texto que se muestra delante del temporizador. Default: ''.
style | object: Estilos en línea CSS. Default: {}.
onTimeUp | function: llamada de regreso invocada cuando el temporizador se agota. Default: onTimeUp() {}.

Editor en vivo

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

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

Resultado

ReferenceError: Provider is not defined