Passa al contenuto principale

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

Esempi

Editore dal vivo
Risultato
ReferenceError: Provider is not defined