推しアイデア
Date型をそのまま入れて対象時間までのカウントダウンができる。 OSSとして公開しているためnpmからインストールして誰でも使える。
ReactHooksTimeLimit
対象時間までのカウントダウンを行うカスタムフックです。
作った背景
カスタムフックを作る練習をしたかったのでせっかくならOSSとして公開しちゃおうと思いました。
推し技術
Reactカスタムフック TypeScriptでの型定義 npm！！！！
プロジェクト詳細
react-hooks-time-limit
対象時間までのカウントダウンを行うカスタムフックです。
インストール方法
You can install the package from npm.
$ npm install react-hooks-time-limit
または
$ yarn add react-hooks-time-limit
##使用方法
const [timeLeft, setTargetTime] = useTimeLimit({intervalTime = 1000,isSec = true})
- timeLeft: 目標までの残り時間が帰ってくる
- setTargetTime: 目標時間の更新
- Date: 目標時間の初期値設定(Date型)
- intervalTime: カウントダウンのインターバル(任意 , 初期値: 1000(ミリ秒))
- isSec: 帰ってくる値の単位(任意 , 初期値: false(ミリ秒) trueの場合(ミリ秒))
