React-countdown-mobile
一个简单的React倒计时组件
示例
Component { let endTime = return <div className="container"> <div className="countDown"> <h5>倒计时1</h5> <CountDown onExpired= this endTime=endTime + 30000/> </div> <div className="countDown"> <h5>倒计时2</h5> <CountDown onExpired= this withTag=true endTime=endTime + 300000/> </div> </div> } { } { } ReactDOM
/*美化倒计时*/
该示例已经包含在git项目中,要亲自感受,可以clone此项目,然后在项目目录执行以下命令
npm i && npm run sample && open http://localhost:5998
组件属性
属性名 | 类型 | 说明 |
---|---|---|
endTime | Number | 结束时间戳(毫秒ms) |
onExpired | Function | 倒计时结束时候的回调 |
withTag | Boolean | 返回的倒计时组件是否包含HTML标签,默认false |