<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小时后自动取消该订单的更多相关文章

  1. 【转】一个域名是用哪里的DNS来解析的，电脑怎么知道找哪一个DNS呢？ 我注册域名的时候会在服务商那里配置DNS解析，一般需要24小时后才能访问，我想知道，解析后的这个数据是不是会同步到世界上所有的DNS服务器呢！如果不是，当我访问我的这个域名的时候，电脑怎么知道去找到我注册的这一家的DNS服务器呢，谁告诉他的呢？

    看看DNS一些基础知识,你就了解了.1.DNS就是域名服务器,他的任务就是确定域名的解析,比如A记录MX记录等等. 2.任何域名都至少有一个DNS,一般是2个.为什么要2个以上呢?因为DNS可以轮回处 ...

  2. addEventlistener监听的事件完成一次后自动取消与jquery的one方法比较；animate动画制作，arguments.callee的用法

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. jQuery在HTML文档加载完毕后自动执行某个事件；

    原来onchange=“fucntionname(parms)”: <select name="country" id="selCountries_{$sn}&qu ...

  4. js模拟24小时的倒计时效果

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. python 计时累积超过24小时时继续往上累加

    最近在做一个工具,要求在工具上面加上程序运行的时间,所以做了个计时器 在网上找了很多发现都是24小时制的,超过24小时后就会回0 然后自己根据24小时制修改了一个不停累加时间的 若是想超过24小时后以 ...

  6. jQuery Countdown Timer 倒计时效果

    这个一款简单的 jQuery 倒计时插件,用于显示剩余的天数,小时,分钟和秒.倒计时功能是非常有用的一个小功能,可以告诉用户多久以后您的网站将会发布或者关闭进行维护,还可以用于举办活动的开始和停止的倒 ...

  7. 2016腾讯"创益24小时"互联网公益创新大赛总结

    上周末参加了腾讯的"创益24小时"互联网公益大赛,和两个小伙伴(设计师Beryl和产品经理Benny)浴血奋战两天一夜,完成了一个叫"彩虹桥"的公益项目. (一 ...

  8. ****timeago.js插件：jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例

    前端 时间个性化 插件 jquery.timeago.js 关键词 : 时间格式化 刚刚 N分钟前 N小时前 N天前 N月前 N年前 MM-dd hh:mm  或者  yyyy-MM-dd 前端: & ...

  9. 用python+selenium抓取微博24小时热门话题的前15个并保存到txt中

    抓取微博24小时热门话题的前15个,抓取的内容请保存至txt文件中,需要抓取排行.话题和阅读数 #coding=utf-8 from selenium import webdriver import ...

随机推荐

  1. 提倡IT从业人员终身学习

    经常听身边的团队成员抱怨,今天太累了,回到家连动都不想动;这形成了目前圈子里大多从业者的生活常态. 但有一部分人,在团队里身居要职,薪水不少拿却工作不那么累,你想过他们么? 答案很简单,人家会学习,而 ...

  2. css中很有用的属性

    有些css属性很实用,但不常用也就被忘记. 这里纪录了自己在项目中用过的一些. html,body{ -webkit-tap-highlight-color:transparent; } 这个的用途是 ...

  3. iOS 自定义键盘ToolBar（与键盘的弹出、收起保持一致）

    1.监听键盘改变的通知 [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyBoardWillCha ...

  4. 《阿Q正传》读后感

    kindle大法好. 利用坐车的时间阅读完了鲁迅先生写的<阿Q正传>, 心中感慨良多, 记下等以后翻看这些摸不着的回忆吧. 我没看过实体书版, 电子书版的<阿Q正传>注解很详细 ...

  5. QT socket相关

    #include<QtNetwork/QTcpSocket>#include<QtNetwork/QTcpServer> 1.服务器端 void About::init_tcp ...

  6. iOS基于MVC的项目重构总结

    关于MVC的争论 关于MVC的争论已经有很多,对此我的观点是:对于iOS开发中的绝大部分场景来说,MVC本身是没有问题的,你认为的MVC的问题,一定是你自己理解的问题(资深架构师请自动忽略本文). 行 ...

  7. Python开发【杂货铺】：模块logging

    logging模块 很多程序都有记录日志的需求,并且日志中包含的信息即有正常的程序访问日志,还可能有错误.警告等信息输出,python的logging模块提供了标准的日志接口,你可以通过它存储各种格式 ...

  8. VS工程添加资源文件

    1. 添加资源文件: 2. 资源文件内写相应代码: <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006 ...

  9. pip install 安装python-requests

    pip install -i https://pypi.tuna.tsinghua.edu.cn/simple python-requests

  10. error in config file "/etc/rabbitmq/rabbitmq.config"

    记录一次RabbitMQ配置文件配置错误 error信息: dill@ubuntu-vm:/usr/share/doc/rabbitmq-server$ sudo /usr/lib/rabbitmq/ ...