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 } 1,倒计时方法的实现: 1 getDateData(endDate) { 2 endDate = endDate.replace(/-/g, "/" ); 3 let diff =