Timer

Geeft een timer weer die een voorgedefinieerde terugbeltijd activeert als de tijd verstreken is. Een voorbeeld van een use case is de timing van de quizzen.

Opties

• id | string: de unieke string ID voor de timer. Als een ID is ingesteld, is de timercomponent blijvend over de pagina ververst. Default: none.
• active | boolean (required): vlag die kan worden omgeschakeld om de timer te starten of te pauzeren. Default: none.
• belowZero | boolean: controleert of de timer doorgaat met tellen nadat de duur is uitgeput. Default: false.
• duration | number (required): duur in seconden voor de timer. Default: none.
• invisible | boolean: bepaalt of de timer moet worden verborgen. Default: false.
• legend | string: tekst die voor de timer wordt weergegeven. Default: ''.
• style | object: CSS inline-stijlen. Default: {}.
• onTimeUp | function: terugbellen wordt aangeroepen wanneer de timer afloopt. Default: onTimeUp() {}.

Voorbeelden

Live redacteur

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

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

Resultaat

ReferenceError: Provider is not defined