<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实现倒计时,支持多行分别无限循环倒计时,参考价值不错
jquery.countdown倒计时插件下载_翻牌倒计时器特效 jquery.countdown倒计时插件下载_翻牌倒计时器特效 jquery.countdown倒计时插件下载_翻牌倒计时器特效
jQuery翻牌倒计时效果demo
网站倒计时插件,多个倒计时同事进行,也可以实现倒计时结束,该快区域消失或者显示活动已经结束。
一个封装好的jquery倒计时,可以取消倒计时,可以指定截止时间,精确到天时分秒的一个jquery的脚本.其中页面和jquery.js需要自己加.这个有经验的程序员都没问题.
jQuery+flipTimer演示倒计时与时钟效果 jQuery+flipTimer演示倒计时与时钟效果 jQuery+flipTimer演示倒计时与时钟效果 jQuery+flipTimer演示倒计时与时钟效果
jquery倒计时插件多个倒计时同时计时代码 jquery倒计时插件多个倒计时同时计时代码
基于jQuery的倒计时实现代码 基于jQuery的倒计时实现代码 基于jQuery的倒计时实现代码 基于jQuery的倒计时实现代码
【Jquery经典特效12】jQuery手机发送验证码倒计时代码
jquery JS 倒计时 可调节倒计时的时间,格式
jQuery创意精美的网页倒计时代码是一款时分秒倒计时计时器,点击数字设置好倒计时时间,确定后转到倒计时进度界面。
jQuery.countdown是一款功能齐全的jQuery倒计时插件。jQuery.countdown.js一个文件中集合了所有的倒计时功能,它能够显示各种时间格式,并提供回调函数。
jquery数字读秒的倒计时代码是一款简单的倒计时模块代码特效。
jQuery带圆形进度条倒计时是一款个性时尚的jQuery倒计时插件。
jquery倒计时插件 jquery倒计时插件 jquery倒计时插件
简单的jQuery倒计时插件 可以根据自己需求拓展定制
jQuery设置时分秒倒计时代码是一款可以自定义设置1分钟倒计时手机短信验证码,还可以设置固定日期时间倒计时代码。 jQuery设置时分秒倒计时代码 截图
jquery验证码倒计时