一个简单的随机数小程序
<html>
<head>
<meta charset="UTF-8">
<title>在线随机数生成器</title>
<meta name="keywords" content="随机数生成器,随机摇号器,在线随机数生成器">
<meta name="description" content="本网站提供在线随机数生成器,在线抽签摇号,在线抽奖,大转盘抽奖,双色球模拟摇号,并且可以方便用户自定义参数等功能">
<meta name="baidu-site-verification" content="sA9lncqwpX">
<meta name="shenma-site-verification" content="9b2a8806d0e679b68f0a30f5bcb67f08_1578560402">
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
<link rel="stylesheet" href="https://cdn.staticfile/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="base.css">
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu/hm.js?7460c520f93b150eaea8298a605ed6f9";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<div class="box1" style="height: 50px"></div>
<div class="container jumbotron text-center top">
<div class="row">
</div>
<h1 style="margin-bottom: 5%;" align="center">随机数生成器</h1>
<div class="row">
<div class="col-md-2 col-3" style="">
<span for="shumu" class="input-label"
style="margin-bottom: 0;text-align: center;float: right;padding-top:5px;">数目 :</span>
</div>
<div class="col-md-3 col-9">
<input type="number" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')" id="shumu" value="10">
</div>
</div>
<div class="row" style="margin-top: 10px;">
<div class="col-md-2 col-3 " style="float: right;">
<span for="min" class="input-label"
style="margin-bottom: 0;text-align: center;float: right;padding-top:5px;">最小值 :</span>
</div>
<div class="col-md-3 col-9">
<input type="number" onkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')" class="form-control" name="min" id="min"
value="0">
</div>
<div class="col-md-2 col-3 input_top" style="float: right;">
<span for="max" class="input-label"
style="margin-bottom: 0;text-align: center;float: right;padding-top:5px;">最大值 :</span>
</div>
<div class="col-md-3 col-9 input_top">
<input type="number" onkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')" class="form-control" name="max" id="max"
value="100">
</div>
</div>
<div class="row" style="margin-top: 10px;">
<div class="col-md-2 col-3" style="float: right;">
<span for="only" class="input-label"
style="margin-bottom: 0;text-align: center;float: right;padding-top:5px;">是否唯一 :</span>
</div>
<div class="col-md-3 col-9">
<select id="only" class="form-control">
<option value="1" selected="selected"> 唯一</option>
<option value="2"> 不唯一</option>
</select>
</div>
</div>
<p style="margin-top: 5%;" align="center">
<button class="col-lg-2 col-sm-8 btn-success" id="start"
style="border-radius: 5px; height: 40px; border: 0px none; display: block;">生成</button>
<button class="col-lg-2 col-sm-8 btn-success btn-info" id="stop"
style="border-radius: 5px; height: 40px; border: 0px none; display: none;">结束</button>
</p>
<h1 class="random_font" id="shu">89 </h1>
</div>
<script src="../3_JavaScript/app.js"></script>
<script>
var timer;
var number = 0;
function random_number(min, max) {
var rand = parseInt(Math.random() * (max - min + 1) + min);
return rand;
}
function array_contain(array, obj) {
for (var i = 0; i < array.length; i++) {
if (array[i] == obj)
return true;
}
return false;
}
window.onload = function () {
var container = document.getElementById("shu"),
start = document.getElementById("start"),
stop = document.getElementById("stop");
//事件调用
start.onclick = play;
stop.onclick = end;
document.onkeyup = function (event) {
event = event || window.event;
if (event.keyCode == 13 || event.keyCode == 32) {
if (number == 0) {
play();
number = 1;
} else {
end();
number = 0;
}
}
}
function play() {
clearInterval(timer);
timer = setInterval(function () {
start.style.display = "none";
stop.style.display = "block";
var x = document.getElementById("min").value;
var y = document.getElementById("max").value;
var shu = document.getElementById("shumu").value;
var only = document.getElementById("only").value;
var data = [];
for (var i = 0; i < 10000; i++) {
if (data.length >= shu) {
break;
}
var rand = random_number(x, y);
if (only == 1) {
if (!array_contain(data, rand)) {
data.push(rand + " ")
}
} else {
data.push(rand + " ")
}
}
container.innerText = data.join(" ");
start.classList.remove("btn-success");
start.classList.add("btn-primary");
stop.classList.add("btn-danger");
}, 100);
}
function end() {
stop.style.display = "none";
start.style.display = "block";
clearInterval(timer);
stop.classList.remove("btn-danger");
stop.classList.add("btn-info");
start.classList.remove("btn-primary");
start.classList.add("btn-success");
}
}
</script>
</body>
</html>
更多推荐
Html随机数小程序
发布评论