NowLoading...

ReactHooksTimeLimit

https://github.com/shu20031026/react-hooks-time-limit
TypeScript

TypeScript

React

React

JavaScript

JavaScript

対象時間までのカウントダウンを行うカスタムフックです。

ユーザーアイコン

Hiiragi

MacBook
サムネイル

推しアイデア

Date型をそのまま入れて対象時間までのカウントダウンができる。 OSSとして公開しているためnpmからインストールして誰でも使える。

作った背景

カスタムフックを作る練習をしたかったのでせっかくなら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の場合(ミリ秒))

ライセンス

MIT © shu20031026

Hiiragi

Hiiragi

@wq6v42rp46gtsnc2