jquery实现前台倒计时。应用下单24小时后自动取消该订单
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<title>testc</title>
<script>
jQuery(document).ready(function(){
//显示时间,以后应用于自动定时器做某一件事
jQuery("div[id^=auto_order_cancel]").each(function(index, element) {
var val=jQuery(this).attr("mark");
var status=jQuery(this).attr("status");
timeCount(val,status,"1");
}); });
function timeCount(remain_id,status){
function _fresh(){
var nowDate = new Date();//当前时间
var id=jQuery('#'+remain_id).attr("order_id"); //当前订单的id var addTime=new Date(jQuery('#'+remain_id).attr('addTime'));//下单开始时间
var auto_order_cancel=jQuery('#'+remain_id).attr('auto_order_cancel');//订单支付有效时长
var auto_totalS=parseInt(auto_order_cancel*60*60);
var ad_totalS = parseInt((addTime.getTime()/1000)+auto_totalS); ///下单总秒数
var totalS = parseInt(ad_totalS-(nowDate.getTime()/ 1000));///支付时长 if(status == 10){
if(totalS>0){
var _hour = parseInt((totalS / 3600) % 24);
var _minute = parseInt((totalS / 60) % 60);
var _second = parseInt(totalS % 60); jQuery('#status_'+remain_id).html('剩余'+_hour+'时'+_minute+'分'+_second+'秒');
jQuery('#ico_'+remain_id).show(); }else{//支付超时
jQuery('#status_'+remain_id).html('');
jQuery('#ico_'+remain_id).hide();
clearInterval(sh);
jQuery.ajax({
type:'POST',
url:"http://取消订单的路径",
data:{"id":id},
success:function(data){
window.location.href="http://localhost:8080/buyer/order.htm";
}
});
}
} }
_fresh();
var sh = setInterval(_fresh,1000);
}
</script>
<style>
.time_icon{
display: inline-block;
width: 15px;
height: 15px;
text-align: center;
margin-bottom: 5px;
margin: 0px 3px 0px 0px;
vertical-align: middle;
overflow: hidden;
background: url(./img/cont_time.png) no-repeat;
}
</style>
</head>
<body>
<!-- status=10 为订单为已下单未支付 addtime:下单时间 auto_order_cancel=24 自动取消时间 -->
<div class="count_time" _val="85542"
id="auto_order_cancel" mark="auto_order_cancel"
order_id="420" status="10" addtime="06/22/2016 08:34:49"
auto_order_cancel="24">
<span class="time_icon" id="ico_auto_order_cancel"></span><i id="status_auto_order_cancel" style="font-style: normal;"></i>
</div>
</body>
</html>
看一下效果图吧
这个时间会自己倒计时嘿嘿,希望帮到你
jquery实现前台倒计时。应用下单24小时后自动取消该订单的更多相关文章
- 【转】一个域名是用哪里的DNS来解析的,电脑怎么知道找哪一个DNS呢? 我注册域名的时候会在服务商那里配置DNS解析,一般需要24小时后才能访问,我想知道,解析后的这个数据是不是会同步到世界上所有的DNS服务器呢!如果不是,当我访问我的这个域名的时候,电脑怎么知道去找到我注册的这一家的DNS服务器呢,谁告诉他的呢?
看看DNS一些基础知识,你就了解了.1.DNS就是域名服务器,他的任务就是确定域名的解析,比如A记录MX记录等等. 2.任何域名都至少有一个DNS,一般是2个.为什么要2个以上呢?因为DNS可以轮回处 ...
- addEventlistener监听的事件完成一次后自动取消与jquery的one方法比较;animate动画制作,arguments.callee的用法
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- jQuery在HTML文档加载完毕后自动执行某个事件;
原来onchange=“fucntionname(parms)”: <select name="country" id="selCountries_{$sn}&qu ...
- js模拟24小时的倒计时效果
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- python 计时累积超过24小时时继续往上累加
最近在做一个工具,要求在工具上面加上程序运行的时间,所以做了个计时器 在网上找了很多发现都是24小时制的,超过24小时后就会回0 然后自己根据24小时制修改了一个不停累加时间的 若是想超过24小时后以 ...
- jQuery Countdown Timer 倒计时效果
这个一款简单的 jQuery 倒计时插件,用于显示剩余的天数,小时,分钟和秒.倒计时功能是非常有用的一个小功能,可以告诉用户多久以后您的网站将会发布或者关闭进行维护,还可以用于举办活动的开始和停止的倒 ...
- 2016腾讯"创益24小时"互联网公益创新大赛总结
上周末参加了腾讯的"创益24小时"互联网公益大赛,和两个小伙伴(设计师Beryl和产品经理Benny)浴血奋战两天一夜,完成了一个叫"彩虹桥"的公益项目. (一 ...
- ****timeago.js插件:jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例
前端 时间个性化 插件 jquery.timeago.js 关键词 : 时间格式化 刚刚 N分钟前 N小时前 N天前 N月前 N年前 MM-dd hh:mm 或者 yyyy-MM-dd 前端: & ...
- 用python+selenium抓取微博24小时热门话题的前15个并保存到txt中
抓取微博24小时热门话题的前15个,抓取的内容请保存至txt文件中,需要抓取排行.话题和阅读数 #coding=utf-8 from selenium import webdriver import ...
随机推荐
- 键盘事件触发的兼容tips
在firefox中 退格键 enter del tab 这些非字符触发编码为0 然而在Safari3以下 是8
- Alamofire 的使用
最近,AFNetworking 的作者Mattt Thompson提交了一个新的类似于 AFNetworking 的网络 基础库,并且是专门使用最新的 Swift 语言来编写的,名为:Alamofir ...
- 自动化测试selenium----css选择器总结
选择器 示例 描述 * * 匹配任何元素 element DIV 标签选择器,匹配所有使用DIV标签的元素 .class .tips class选择器,匹配所有class属性中包含info的元素 ...
- Qt在pro文件中加入带空格的路径(使用$$quote关键字)
LIBS += -L$$quote(C:\Program Files (x86)\Microsoft SDKs\Windows\v7.1A\Lib) INCLUDEPATH += $$quote(C: ...
- 临时存存储页面上的数据---Web存储
HTML5 Web存储的两种方法使用 localStorage和sessionStorage 参考: http://www.cnblogs.com/taoweiji/archive/2012/12/0 ...
- JMeter学习-033-JMeter BeanShell 脚本应用实例之参数变量修改
BeanShell脚本是JMeter自动化测试过程中不可或缺的提升技能之一,BeanShell脚本编写类似于Java脚本.它可以获取.修改系统定义或用户定义的变量值,同时也可以进行一些相应的测试数据处 ...
- 【原创】Android selector选择器无效或无法正常显示的一点研究
想将LinearLayout作为一个按钮,加上一个动态背景,按下的时候,背景变色,这个理所当然应该使用selector背景选择器来做: <LinearLayout android:id=&quo ...
- Programming pearls 编程珠玑的题目
Programming pearls 编程珠玑的题目 这段时间有空都在看编程珠玑,很经典的一本书,一边看一边用 python 做上面的题目,我做的都放到 github 上了 https://githu ...
- Linux 利用进程打开的文件描述符(/proc)恢复被误删文件
Linux 利用进程打开的文件描述符(/proc)恢复被误删文件 在 windows 上删除文件时,如果文件还在使用中,会提示一个错误:但是在 linux 上删除文件时,无论文件是否在使用中,甚至是还 ...
- SublimeText教程
1安装插件 1.請先確認已經安裝好Package Control 未安裝的話請看:安裝第一個Sublime Text套件 2.按下CTRL + SHIFT + P並且輸入Package Control ...