-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathGeneratorV2.html
212 lines (186 loc) · 8.46 KB
/
GeneratorV2.html
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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>抽籤系統</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<script src="https://livejs.com/live.js"></script>
<style>
body {
font-family: "Microsoft JhengHei", "微軟正黑體", sans-serif;
}
</style>
</head>
<body class="bg-light text-dark">
<div class="container">
<header>
<h1 style="margin-top: 20px; margin-bottom: 20px; text-align: center;">抽籤系統</h1>
</header>
<div class="alert alert-light border" role="alert">
<div class="container">
<div class="row">
<div class="col-md-6 align-self-center" style="border: #055160;">
<div class="row justify-content-center align-middle">
<div class="col col-sm-8 col-md-8 col-lg-8 col-xl-8 ">
<div class="alert alert-info align-items-center" role="alert">
<p style="text-align: center; margin-bottom: -10px; margin-top: -5px; font-size: large;">目前已抽出 <span
id="count">0</span> 個</p>
<hr>
<h1 class="alert-heading display-2"" style=" text-align: center;">
<input type="text" value="-" class="form-control form-control-lg"
style="border:0px; background-color:transparent; color:#055160; text-align: center; font-size: xxx-large;font-weight: bold;"
id="txt" disabled="">
</h1>
</div>
</div>
<div class="row justify-content-center">
<div class="btn-group" role="group">
<input type="radio" class="btn-check" name="btnradio" id="btnradio1" autocomplete="off"
onClick="timedCount();">
<label class="btn btn-outline-primary bg-gradient" for="btnradio1">開始／加速</label>
<input type="radio" class="btn-check" name="btnradio" id="btnradio2" autocomplete="off"
onClick="stopCount();Random();">
<label class="btn btn-outline-primary bg-gradient" for="btnradio2">停止／減速</label>
<input type="radio" class="btn-check" name="btnradio" id="btnradio3" autocomplete="off"
onclick="Clear();">
<label class="btn btn-outline-primary bg-gradient" for="btnradio3">清空數據</label>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row justify-content-center align-self-start">
<table class="table table-striped table-sm" style="height: 100%;">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">抽籤號碼</th>
</tr>
</thead>
<tbody id="display"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="alert alert-secondary" role="alert">
<p style="font-size: larger;font-weight: bolder;">
<em>贊助商廣告</em><br>
<li class="imgBox" style="list-style-type: none;">
<li style="list-style-type: none;">
<a href="https://www.microsoftstore.com.cn/xbox/xbox-series-x" float="left"><img src="https://raw.githubusercontent.com/TurboHK/RandomNumberGenerator/main/img/SeriesX.png"></a>‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎
<a href="https://www.microsoftstore.com.cn/microsoft365/microsoft-365-personal" float="center"><img src="https://raw.githubusercontent.com/TurboHK/RandomNumberGenerator/main/img/office365.png"></a>‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎
<a href="https://turbohk.github.io/ISMA/en" float="right"><img src="https://raw.githubusercontent.com/TurboHK/RandomNumberGenerator/main/img/ISMA.jpg"></a>
</li>
</p>
</div>
<div class="alert alert-secondary" role="alert">
<p style="font-size: smaller;">
版權聲明:
<br />
<em>
本軟體及相關文件受著作權法（《數碼千禧年版權法案》、《中華人民共和國著作權法》、《中華人民共和國香港特別行政區版權條例》）及國際公約（《伯爾尼條約》）之保護。未經授權擅自複製或散佈本程式之全部或它的任何部分，將導致嚴厲的的民事和刑事處分，且將被依法提起最大範圍的追訴。</em>
<br />
<p style="font-size: smaller;">
Copyright Notice:
<br />
<em>
This computer program is protected by copyright laws (Digital Millennium Copyright Act, the Copyright Law of the People's Republic of China and the Copyright Regulations of the Hong Kong Special Administrative Region of PRC) and international treaties (Berne Treaty). Unauthorized reproduction or distribution of this program, or any portion of it, may result in severe civil and criminal penalties, and will be prosecuted to the maximum extent possible under law.
</em>
</p>
<p style="font-size: smaller;">
作者: <em><a class="alert-link" href="https://www.github.com/TurboHK">TurboHK</a></em><br />
介面美化：<em><a class="alert-link" href="https://www.github.com/chiyi4488">chiyi4488</a></em><br />
特別鳴謝: <em><a class="alert-link" href="https://www.cotpear.com">台灣 Cotpear</a></em><br />
查看源代碼：<em><a class="alert-link" href="https://github.com/TurboHK/RandomNumberGenerator">Github</a></em>
</p>
</div>
</footer>
</div>
<script>
var num = 0;
var arr = [];
var vis = [];
var mark = [];
var c = 0;
var k = 0;
var t;
var tt;
var cont = 0;
while (true) {
var tt = parseInt(Math.random() * 53 + 1);
if (!mark[tt]) {
mark[tt] = 1;
vis[cont++] = tt;
}
if (cont === 53) {
break;
}
}
function timedCount() {
document.getElementById('txt').value = c;
k = k + 1;
k = k % (vis.length);
c = vis[k];
t = setTimeout('timedCount()', 100);
}
function stopCount() {
clearTimeout(t);
tt = document.getElementById('txt').value;
}
function Random() {
var draw = document.getElementById('display');
num += 1;
arr.push(tt);
draw.innerHTML = '<tr><th scope="row">' + num + '</th>' + '<td>' + tt + '</td>' + '</tr>' + draw.innerHTML;
// draw.innerHTML = draw.innerHTML + '<h1>第~' + num + '次抽中：' + tt + '<br/></h1>';
var tmp = [];
var cnt = 0;
tmp.length = 0;
for (var i = 0, len = vis.length; i < len; i += 1) {
if (vis[i] != tt) {
tmp[cnt] = vis[i];
cnt = cnt + 1;
}
}
vis.length = 0;
for (var i = 0; i < tmp.length; i += 1) {
vis[i] = tmp[i];
}
document.getElementById('count').innerHTML = arr.length;
if (arr.length === 53) {
alert('已經全部抽完!');
}
}
function Clear() {
arr = null;
arr = [];
mark = [];
var cont = 0;
while (true) {
var tt = parseInt(Math.random() * 53 + 1);
if (!mark[tt]) {
mark[tt] = 1;
vis[cont++] = tt;
}
if (cont === 53) {
break;
}
}
k = 0;
num = 0;
c = 0;
clearTimeout(t);
document.getElementById('txt').value = "-";
document.getElementById("count").innerHTML = "0";
document.getElementById("display").innerHTML = "";
}
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
crossorigin="anonymous"></script>
</body>
</html>