基于javascript实现彩票随机数生成(简单版)


Posted in Javascript onApril 17, 2020

本文实例讲解了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程序设计有所帮助。

Javascript 相关文章推荐
JavaScript判断两种格式的输入日期的正确性的代码
Mar 25 Javascript
为jQuery.Treeview添加右键菜单的实现代码
Oct 22 Javascript
jquery模拟按下回车实现代码
Sep 20 Javascript
javascript确认框的三种使用方法
Dec 17 Javascript
js获取UserControl内容为拼html时提供方便
Nov 02 Javascript
jQuery中children()方法用法实例
Jan 07 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
Sep 01 Javascript
jquery.Callbacks的实现详解
Nov 30 Javascript
原生js仿浏览器滚动条效果
Mar 02 Javascript
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
vue实现a标签点击高亮方法
Mar 17 Javascript
VUE脚手架具体使用方法
May 20 Javascript
Node.js静态文件服务器改进版
Jan 10 #Javascript
实例讲解javascript注册事件处理函数
Jan 09 #Javascript
详解javascript事件冒泡
Jan 09 #Javascript
js父页面中使用子页面的方法
Jan 09 #Javascript
jquery调整表格行tr上下顺序实例讲解
Jan 09 #Javascript
实例讲解js验证表单项是否为空的方法
Jan 09 #Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
Jan 09 #Javascript
You might like
JS实现php的伪分页
2008/05/25 PHP
非常好用的两个PHP函数 serialize()和unserialize()
2012/02/04 PHP
PHP Warning: PHP Startup: Unable to load dynamic library \ D:/php5/ext/php_mysqli.dll\
2012/06/17 PHP
写一段简单的PHP建立文件夹代码
2015/01/06 PHP
php简单压缩css样式示例
2016/09/22 PHP
使用javaScript动态加载Js文件和Css文件
2015/10/24 Javascript
浅谈javascript中onbeforeunload与onunload事件
2015/12/10 Javascript
学习jQuey中的return false
2015/12/18 Javascript
jQuery链式调用与show知识浅析
2016/05/11 Javascript
jquery mobile界面数据刷新的实现方法
2016/05/28 Javascript
基于jquery插件编写countdown计时器
2016/06/12 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
2016/08/17 Javascript
EasyUi 打开对话框后控件赋值及赋值后不显示的问题解决办法
2017/01/19 Javascript
vue axios同步请求解决方案
2017/09/29 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
2019/04/19 Javascript
nodejs对项目下所有空文件夹创建gitkeep的方法
2019/08/02 NodeJs
js实现翻牌小游戏
2020/07/31 Javascript
如何在Vue.JS中使用图标组件
2020/08/04 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
2020/08/19 Javascript
js实现简单的点名器随机色实例代码
2020/09/20 Javascript
k8s node节点重新加入master集群的实现
2021/02/22 Javascript
[01:52]2014DOTA2西雅图邀请赛 V社开大会你不知道的小秘密
2014/07/08 DOTA
[51:50]完美世界DOTA2联赛 Magma vs GXR 第一场 11.07
2020/11/10 DOTA
Python实现获取网站PR及百度权重
2015/01/21 Python
R vs. Python 数据分析中谁与争锋?
2017/10/18 Python
Python tkinter事件高级用法实例
2018/01/31 Python
Django 查询数据库并返回页面的例子
2019/08/12 Python
python tkinter控件布局项目实例
2019/11/04 Python
python使用Geany编辑器配置方法
2020/02/21 Python
装上这 14 个插件后,PyCharm 真的是无敌的存在
2021/01/11 Python
西班牙最好的在线购买葡萄酒的商店:Vinoseleccion
2019/10/30 全球购物
新驾驶员个人自我评价
2014/01/03 职场文书
运输企业安全生产责任书
2014/07/28 职场文书
高三英语教学计划
2015/01/23 职场文书
2015小学教育教学工作总结
2015/07/21 职场文书
Android 中的类文件和类加载器详情
2022/06/05 Java/Android