react-countdown-time

v1.0.7
A component for React

react-countdown-time

A component for React

这是一个与UI无关的定时器,如何进行展示这取决于你。 react-countdown-time 只负责帮你计算并实时反馈定时器数据。

##获取该组件

$ npm install react-countdown-time --save

##代码实例:

import Countdown from 'react-countdown-time'
// 部分代码省略
<Countdown endTime={new Date("2016/6/5")} overText="活动已结束" onEnd={this.handleCountdownEnd}>
  {({d, h, m, s}) => {
    return (<span>还剩{d}天{h}时{m}分{s}秒</span>)
  }}
</Countdown>

我们可以看出,如何定义倒计时的样式是取决你的,组件仅提供了时间相关数据的回调,这也大大增大了组件的灵活性和应用场景。

##Receive Props

|prop|type|description|isRequired| |---|---|---| |endTime|Date|结束时间|isRequired| |overText|String|结束时的提示| | |onEnd|Function|结束后的 Callback Hook| |

npm i react-countdown-time

Metadata

  • ISC
  • Whatever
  • yika
  • released 5/5/2016

Downloads

Maintainers