useTimeout
Calls the given function after timer elapses
import { useState } from 'react';
import { useTimeout } from 'hook-master-react';
function Demo() {
const [value, setValue] = useState('');
const { start, clear } = useTimeout(() => setValue(Math.floor(Math.random() * 100)), 1000);
return (
<div style={{display: "flex"}}>
<button onClick={start}>Start</button>
<button onClick={clear}>
Clear
</button>
<div>Value: {value}</div>
</dov>
);
}
import { useTimeout } from 'hook-master-react';
const { start, clear } = useTimeout(callback, delay, {
autoInvoke: true,
});
Arguments:
callback – function that will be called after the timer elapsesdelay – number of milliseconds the timer should wait before the specified function is executedoptions: { autoInvoke } - determines whether the timer should be started on mount, defaults to false
Return object:
start - starts the timerclear – cancels the timer
function useTimeout(
callback: (...callbackParams: any[]) => void,
delay: number,
options?: {
autoInvoke: boolean;
}
): {
start: (...callbackParams: any[]) => void;
clear: () => void;
};