pay.html.html
4.4 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!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"></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>
<style>
body{
position: fixed;
top:0;
width:100%;
height:100%;
box-shadow:0px 0px 0px #888888;
}
#trfooter{
position: fixed;
bottom: 0;
width:100%;
}
</style>
</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-->
<div style="height:3rem;"></div>
<!--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-->