1.0.7 • Published 10 years ago

react-countdown-time v1.0.7

Weekly downloads
7
License
ISC
Repository
github
Last release
10 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

10 years ago

1.0.6

10 years ago

1.0.5

10 years ago

1.0.4

10 years ago

1.0.3

10 years ago

1.0.2

10 years ago

1.0.1

10 years ago

1.0.0

10 years ago