订单支付.html
3.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<SCRIPT type="text/javascript">
var maxtime = 30 * 60; //一个小时，按秒计算，自己调整!
function CountDown() {
if (maxtime >= 0) {
minutes = Math.floor(maxtime / 60);
seconds = Math.floor(maxtime % 60);
msg = "支付剩余时间 " + minutes + ":" + seconds + "";
document.all["timer"].innerHTML = msg;
if (maxtime == 5 * 60)alert("还剩5分钟");
--maxtime;
} else{
clearInterval(timer);
alert("时间到，结束!");
}
}
timer = setInterval("CountDown()", 1000);
</SCRIPT>
<title>订单支付</title>
</head>
<body>
<div class="seheader center">
<div class="left seback"><a href="#" onClick="javascript:history.back(-1);"><img src="images/care_03.jpg"/></a></div>
<div class="headertext">订单支付</div>
</div>
<!--paypart1 -->
<div class="paypart1 center">
<div id="timer" class="paytime"></div>
<div id="warring"></div>
<div class="paymoney"><img src="images/payli_03.jpg"/>支付金额<span>30000元</span></div>
</div>
<!--paypart1 end-->
<!--paypart2 -->
<div class="paypart2 center">
<div class="paybox">
<ul>
<li>支付方式</li>
<li>
<img src="images/payli_07.jpg" style="margin-top: 0.1rem;"/>消费金额支付<span class="paybalance">（0张）</span>
<label class="payspec"><input type="radio" name="bd" class="right"><span></span></label>
<p class="payspec1">认购VIP权益，享高额消费金额，<a href="#">立即认购</a></p>
</li>
<li class="specli">
<img src="images/payli_10.jpg"/>账户余额支付<span class="paybalance">（余额0.00元）</span>
<label><input type="radio" name="bd" class="right"><span></span></label>
</li>
<li class="specli">
<img src="images/payli_17.jpg"/>微信支付<span id="specimg"><img src="images/payli_21.jpg"/></span>
<label><input type="radio" name="bd" class="right"><span></span></label>
</li>
<li class="specli">
<img src="images/zfb.png"/>支付宝支付<span id="specimg"><img src="images/payli_21.jpg"/></span>
<label><input type="radio" name="bd" class="right"><span></span></label>
</li>
</ul>
</div>
</div>
<!--paypart2 end-->
<!--trfooter-->
<div id="trfooter">
<div id="trlprice" class="left"><span class="trmoney">￥30000</span></div>
<div id="trsub" class="right"><a href="#">去支付</a></div>
</div>
<!--trfooter end-->