useInterval

計時器。你可以通過傳遞 controls 參數來手動控制計時器。

Usage

即時編輯器

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

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

  return <div>計數：{count}</div>;
};

結果

計數：4

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 (必填)	-