uniapp定时器定时刷新获取

要用uniapp做一个效果：页面定时刷新获取，根据时间变换状态。

 这里按钮有5种状态：预约，已预约，已售罄，未开始，已结束。要把当前时间和后端返回的时间做对比，如果还没到开始时间则显示未开始，如果到开始时间还未结束则有预约，已预约，已售罄。如果超过结束时间则显示已结束。

后端返回的数据：

 主要要把now_time每秒+1和start_time,end_time作比较，

代码如下  先html:

<!-- 主要内容 -->
		<view class="mainContent">
			<view class="main_one" v-for="(item, index) in mainList">
				<view class="mainTop"><image :src="item.img"></image></view>
				<view class="mo_content">
					<view class="mo_title">{
  { item.name }}</view>
					<view class="mo_text">价值:{
  { item.min_price }}-{
  { item.max_price }} 元</view>
					<view class="mo_text">合同/收益:{
  {item.contract_period}}天/{
  { item.rate_of_return }}%</view>
					<view class="mo_text">预约积分:{
  { ite