useInterval

计时器。你可以通过传递 controls 参数来手动控制计时器。

Usage

实时编辑器

function Demo() {
  const [count, setCount] = useState(0);

  useInterval(() => {
    setCount(count + 1);
  }, 1000);

  return <div>count: {count}</div>;
};

结果

Loading...

API

useInterval

Returns

Pausable

Arguments

参数名	描述	类型	默认值
callback	回调	() => void (必填)	-
delay	时间，如果为 null 的话则停止计时器	number | null | undefined	-
options	可选参数	UseIntervalOptions | undefined	-

UseIntervalOptions

参数名	描述	类型	默认值
immediate	是否立即执行。	boolean	-
controls	是否控制执行。	boolean	-

Pausable

参数名	描述	类型	默认值
isActive	一个 ref，指示一个 pausable 实例是否处于激活状态	RefObject<boolean> (必填)	-
pause	暂时暂停执行效果	() => void (必填)	-
resume	恢复效果	() => void (必填)	-