基于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 相关文章推荐
JS按位非(~)运算符与~~运算符的理解分析
Jul 31 Javascript
Node.js安装教程和NPM包管理器使用详解
Aug 16 Javascript
jquery可定制的在线UEditor编辑器
Nov 17 Javascript
JavaScript设计模式经典之命令模式
Feb 24 Javascript
实用又漂亮的BootstrapValidator表单验证插件
May 30 Javascript
Angular2学习笔记——详解NgModule模块
Dec 02 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
Jan 11 Javascript
js实现3d悬浮效果
Feb 16 Javascript
JS实现的base64加密解密操作示例
Apr 18 Javascript
微信小程序基于picker实现级联菜单
Feb 15 Javascript
vue中 数字相加为字串转化为数值的例子
Nov 07 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
Apr 08 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
PHP中include/require/include_once/require_once使用心得
2016/08/28 PHP
PHP聚合式迭代器接口IteratorAggregate用法分析
2017/12/28 PHP
thinkphp5框架扩展redis类方法示例
2019/05/06 PHP
jquery实现微博文字输入框 输入时显示输入字数 效果实现
2013/07/12 Javascript
基于jQuery实现二级下拉菜单效果
2016/02/01 Javascript
JQuery点击行tr实现checkBox选中的简单实例
2016/05/26 Javascript
JS for...in 遍历语句用法实例分析
2016/08/24 Javascript
AngularJS学习第二篇 AngularJS依赖注入
2017/02/13 Javascript
Webpack打包css后z-index被重新计算的解决方法
2017/06/18 Javascript
jQuery鼠标移动图片上实现放大效果
2017/06/25 jQuery
使用vue构建一个上传图片表单
2017/07/04 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
2018/07/31 Javascript
微信小程序自定义弹窗滚动与页面滚动冲突的解决方法
2019/07/16 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
2019/09/23 Javascript
Vue element-ui父组件控制子组件的表单校验操作
2020/07/17 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
2020/10/29 Javascript
vue-cli4.0多环境配置变量与模式详解
2020/12/30 Vue.js
Python中多线程的创建及基本调用方法
2016/07/08 Python
Python3生成手写体数字方法
2018/01/30 Python
Python面向对象程序设计示例小结
2019/01/30 Python
python在CMD界面读取excel所有数据的示例
2020/09/28 Python
HTML5页面无缝闪开的问题及解决方案
2020/06/11 HTML / CSS
Nike香港官网:Nike HK
2019/03/23 全球购物
会议开场欢迎词
2014/01/15 职场文书
电子专业毕业生自我鉴定
2014/01/22 职场文书
简历中的自我评价范文
2014/02/05 职场文书
初中同学聚会感言
2014/02/11 职场文书
最新大学生创业计划书写作攻略
2014/04/02 职场文书
公证委托书格式
2014/09/13 职场文书
预备党员自我批评思想汇报
2014/10/10 职场文书
小学教育见习报告
2014/10/31 职场文书
皇城相府导游词
2015/02/06 职场文书
道歉信范文
2015/05/12 职场文书
css3 filter属性的使用简介
2021/03/31 HTML / CSS
Python进程池与进程锁之语法学习
2022/04/11 Python
Android实现获取短信验证码并自动填充
2023/05/21 Java/Android