Ir al contenido principal

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

Ejemplos

Editor en vivo
Resultado
ReferenceError: Provider is not defined