需求:如一个订单创建的时间为time1,过了一段时间后,查看这个订单生成的时长,要求显示成00:00:00的形式,并继续计时下去
思路:在定时器中的每一秒用订单创建时间的时间戳减去当前时间戳,计算这个数的时长是多少
<FormItem {
...formItemLayout} label='预约单生成时长'>{
listDuration}</FormItem>
constructor(props) {
super(props)
this.state = {
listDuration: this.duration(), // 建单时间到查看时间的时长,设置初始值,否则会在页面加载的1秒之后才显示
}
}
// 页面加载的时候就开始计时,一秒钟更新一次时间
componentDidMount()