Skip to content

YikaJ/react-countdown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 结束时间 true
overText String 结束时的提示
onEnd Function 结束后的 Callback Hook

About

A component for React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published