AngularJS支付倒计时功能的实现

解释uff1a

1、前端只负责显示倒计时,并没有实际功能。

2,实际实施方式:每分钟在数据库中设置一个常规任务,这样在实际情况下会少于一分钟。只要订单创建时间超过15分钟,订单状态将自动更改为取消。

遇到困难:

1、在沙达利字符串的日期,苹果浏览器不支持yyyy-mm-dd HH:MI:SS和字符串格式,必须转换为YYYY /毫米/ DD HH:MI:SS


新的日期($ scope.order.createtime.replace( / / g, / ))


2,AngularJS不支持定时任务window.setinterval Javascript。它需要使用自己的方法,$间隔。

与HTML相关的代码(使用离子框架):






js相关代码:


scope.order美元= storage.get(订单); / /订单是来自背景的订单信息,包括订单的创建时间
VaR创造时间; / /创建订单时间
无功curtime; / /当前时间
无功totalsecond; / /设置时间的总时间(分钟)
如果(scope.order.createtime美元!= NULL){
为了支持Safari浏览器
创造时间=新的日期($ scope.order.createtime.replace( / / g, / ))GetTime();
curtime =新的日期()GetTime();
totalsecond = math.round(((创造时间+ 15 * 60 * 1000 curtime) / 1000);
其他{ }
totalsecond = 15 * 60;
}


*倒计时付款
* /
timepromise =美元区间(){()函数(
如果(totalsecond > = 0){
VaR T1 = math.floor(totalsecond / 60);
var100;
VaR T2 = totalsecond - T1×60;
var = T2<0 10+ T2:T2;
totalsecond = totalsecond - 1;
美元的范围。payclass = true; / /添加类
美元的范围。paycountdown =支付其余的时间:+ M +分钟+的+秒
{人}
美元的范围。confirmpay =真;
美元的范围。payclass = true; / /添加类
美元的范围。paycountdown =支付加班费,请走下去!;
interval.cancel美元(timepromise); / /终止的倒计时
}
},1000)


CSS代码:


paycountdown {。
颜色:# ffffff;
背景颜色:红色;
文本对齐:中心;
填料:14px 0;
不透明度:0.8
}


手术效果:


补充:

oracle定时任务代码:


开始
sys.dbms_job.submit(工作:工作= >,
什么= > 'updateorderstatues;,
next_date = > to_date('05-06-2017 10:05:50 ','dd-mm-yyyy hh24:MI:SS),
区间= > 'sysdate + 1 / 1440);
承诺;
结束;
/


以上是Xiaobi介绍的AngularJS支付倒计时功能的实现思路,希望对大家有帮助。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。