<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"> </span>已失效');
else {
time_obj.html('<span class="pngfix"> </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"> </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"> </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"> </span>-</span></td>
</tr>
</tbody>
</table>
Jquery订单列表的批量倒计时实现
最新推荐文章于 2023-02-27 08:54:02 发布