1.0.7 • Published 8 years ago

react-countdown-time v1.0.7

Weekly downloads
7
License
ISC
Repository
github
Last release
8 years ago

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

proptypedescriptionisRequired
endTimeDate结束时间isRequired
overTextString结束时的提示
onEndFunction结束后的 Callback Hook
1.0.7

8 years ago

1.0.6

8 years ago

1.0.5

8 years ago

1.0.4

8 years ago

1.0.3

8 years ago

1.0.2

8 years ago

1.0.1

8 years ago

1.0.0

8 years ago