Timer

Näyttää ajastimen, joka käynnistää ennalta määritetyn takaisinsoiton, kun aika on kulunut. Esimerkkikäyttötapaus on tietokilpailujen ajoitus.

Vaihtoehdot

id | string: ajastimen yksilöllinen merkkijono ID. Jos ID on asetettu, ajastinkomponentti on pysyvä sivun päivitysten aikana.. Default: none.
active | boolean (required): lippu, jota voidaan vaihtaa ajastimen käynnistämiseksi tai keskeyttämiseksi.. Default: none.
belowZero | boolean: valvoo, jatkaako ajastin laskentaa sen jälkeen, kun kesto on kulunut loppuun.. Default: false.
duration | number (required): ajastimen kesto sekunteina. Default: none.
invisible | boolean: ohjaa, pitäisikö ajastin piilottaa. Default: false.
legend | string: ajastimen edessä näkyvä teksti. Default: ''.
style | object: CSS-inline-tyylit. Default: {}.
onTimeUp | function: callback, joka käynnistyy ajastimen päättyessä.. Default: onTimeUp() {}.

Live Editor

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

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

Tulos

ReferenceError: Provider is not defined