这篇文章主要介绍了基于javascript实现彩票随机数生成的相关资料,需要的朋友可以参考下
本文实例讲解了JavaScript 实现彩票中随机数组的获取详细代码,分享给大家供大家参考,具体内容如下
效果图:
具体代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math.random方法彩票随机数的生成</title>
</head>
<body>
<!-- 设置样式 -->
<input type="text" id="text">
<button id="btnGo">开始</button>
<button id="btnStop">获取随机数组</button>
<script type="text/javascript">
//获取节点
var btnGo = document.getElementById("btnGo");
var btnStop = document.getElementById("btnStop");
var text = document.getElementById("text");
//定义生成最小到最大值的随机函数
function rand(min,max){
return parseInt(Math.random()*( max - min + 1) + min);
}
function start(min,max,length){
//定义空数组
var arr = [];
while(arr.length<length){
//生成一个随机数prem
var prem=rand(min,max);
//判断生成的随机数prem是否在数组arr里,果然不在,就将这个随机数插入到数组里,如果在,执行下一次循环
if(arr.indexOf(prem) == -1){
arr.push(prem);
}
}
//返回数组arr
return arr;
}
var timer = 0;
//单击开始按钮生成随机数组
btnGo.onclick =function(){
//清除
clearInterval(timer);
timer = setInterval(function() {
text.value = start(1,33,7);
},50)
}
//单击停止按钮获取一组随机数
btnStop.onclick =function(){
clearInterval(timer);
}
</script>
</body>
</html>
以上就是本文的详细内容,希望对大家的学习javascript程序设计有所帮助。 |