React Native之倒计时组件的实现(ios android) 一,需求分析
1,app需实现类似于淘宝的活动倒计时,并在倒计时结束时,活动也结束。
2,实现订单倒计时,并在倒计时结束时,订单关闭交易。
3,实现获取验证码倒计时。
二,技术实现 2.1,活动倒计时与订单倒计时的实现,源码如下：1 componentDidMount() { 2 this.interval = setInterval(() => { 3 const date = this.getDateData(this.props.date); 4 if (date) { 5 this.setState(date); 6 } else { 7 this.stop(); 8 this.props.onEnd(); 9 } 10 }, 1000); 11 } 12 componentWillMount() { 13 const date = this.getDateData(this.props.date); 14 if (date) { 15 this.setState(date); 16 } 17 }