Timer

Rodo laikmatį, kuris pasibaigus laikui įjungia iš anksto nustatytą grįžtamąjį ryšį. Pavyzdinis naudojimo atvejis - viktorinų laiko nustatymas.

Parinktys

id | string: unikalus laikmačio string ID. Jei nustatomas ID, laikmačio komponentas yra pastovus per puslapio atnaujinimus.. Default: none.
active | boolean (required): vėliavėlė, kurią galima perjungti norint paleisti arba pristabdyti laikmatį.. Default: none.
belowZero | boolean: kontroliuoja, ar laikmatis tęsia skaičiavimą pasibaigus trukmei.. Default: false.
duration | number (required): laikmačio trukmė sekundėmis. Default: none.
invisible | boolean: kontroliuoja, ar laikmatis turi būti paslėptas.. Default: false.
legend | string: priešais laikmatį rodomas tekstas. Default: ''.
style | object: CSS eilutės stiliai. Default: {}.
onTimeUp | function: atgalinis skambutis, iškviečiamas, kai baigiasi laikmatis.. Default: onTimeUp() {}.

Tiesioginis redaktorius

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

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

Rezultatas

ReferenceError: Provider is not defined