Timer

Megjelenít egy időzítőt, amely az idő leteltével egy előre meghatározott visszahívást indít. Egy példa a vetélkedők időzítésére.

Opciók

id | string: az időzítő egyedi string azonosítója. Ha az ID be van állítva, akkor az időzítő komponens az oldalfrissítések során is megmarad.. Default: none.
active | boolean (required): az időzítő indításához vagy szüneteltetéséhez kapcsolható jelző. Default: none.
belowZero | boolean: szabályozza, hogy az időzítő folytassa-e a számlálást az időtartam kimerülése után.. Default: false.
duration | number (required): az időzítő időtartama másodpercben. Default: none.
invisible | boolean: szabályozza, hogy az időzítő el legyen-e rejtve. Default: false.
legend | string: az időzítő előtt megjelenő szöveg. Default: ''.
style | object: CSS inline stílusok. Default: {}.
onTimeUp | function: visszahívás az időzítő lejártakor. Default: onTimeUp() {}.

Élő szerkesztő

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

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

Eredmény

ReferenceError: Provider is not defined