`

Jquery订单列表的批量倒计时实现

 
阅读更多
<script language="javascript" type="text/javascript" src="jQuery-1.6-2.js"></script>
<script language="javascript" type="text/javascript">

$(function() {
	//启用过期时钟
  	order_expire_time();
});

//倒计时
function counterClock(left_time) {
	var left_time = parseInt(left_time);
	var days_second = 86400; //每天时间
	var hours_second = days_second / 24;
	var minute_second = hours_second / 60;
	var str = '';
	if(left_time > 0) {
		var days = parseInt(left_time / days_second);
		str += (days > 0) ? days + '天' : '';
		var hours = parseInt((left_time - days * days_second) / hours_second);
		str += hours > 0 ? hours + '时' : '';
		var minutes = parseInt((left_time - days * days_second - hours_second * hours) / minute_second);
		str += minutes > 0 ? minutes + '分' : '';
		second = left_time - days * days_second - hours_second * hours - minutes * minute_second;
		str += second + '秒';
	}
	return str;
}

//订单过期时间
function order_expire_time() {
  $('#transaction td[data-type="order_expire_time"],#order_status_show').each(function() {
    var time_obj = $(this).find('.time');
    var left_time_int = time_obj.attr('left_time_int');
    if(left_time_int) {
      var time_string = counterClock(left_time_int);
      if(time_string == '') time_obj.html('<span class="pngfix">&nbsp;</span>已失效');
      else {
        time_obj.html('<span class="pngfix">&nbsp;</span>' + time_string);
        time_obj.attr('left_time_int', left_time_int - 1);
      }
    }
  });
  window.setTimeout(function() {
    order_expire_time();
  }, 1000);
}
</script>
<table width="100%" class="transaction" id="transaction">
  <thead>
    <tr>
      <th>订单状态</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td data-type="order_expire_time"><span>等待卖家发货</span><br />
        <span>距离规定发货时间</span><br />
        <span class="time" left_time_int="162173"><span class="pngfix">&nbsp;</span>-</span></td>
    </tr>
  </tbody>
  <tbody>
    <tr height="100">
      <td data-type="order_expire_time"><span>等待卖家发货</span><br />
        <span>距离规定发货时间</span><br />
        <span class="time" left_time_int="76734"><span class="pngfix">&nbsp;</span>-</span></td>
    </tr>
  </tbody>
  <tbody>
    <tr>
      <td data-type="order_expire_time"><span>等待卖家发货</span><br />
        <span>距离规定发货时间</span><br />
        <span class="time" left_time_int="76734"><span class="pngfix">&nbsp;</span>-</span></td>
    </tr>
  </tbody>
</table>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics