基于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 相关文章推荐
一个基于jQuery的树型插件(OrangeTree)使用介绍
May 03 Javascript
JavaScript计时器示例分析
Feb 05 Javascript
jQuery表单域属性过滤器用法分析
Feb 10 Javascript
JS去除iframe滚动条的方法
Apr 01 Javascript
JavaScript中的toLocaleDateString()方法使用简介
Jun 12 Javascript
jquery及js实现动态加载js文件的方法
Jan 21 Javascript
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
Jun 30 Javascript
jquery获取input type=text中的值的各种方式(总结)
Dec 02 Javascript
用 js 的 selection range 操作选择区域内容和图片
Apr 18 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
Mar 08 Javascript
JS实现碰撞检测效果
Mar 12 Javascript
javascript代码简写的几种常用方式汇总
Aug 23 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内存管理之谁动了我的内存
2013/06/20 PHP
PHP基于关联数组20行代码搞定约瑟夫问题示例
2017/11/07 PHP
jsp网页搜索结果中实现选中一行使其高亮
2014/02/17 Javascript
jQuery实现鼠标可拖动调整表格列宽度
2014/05/26 Javascript
jQuery实现移动 和 渐变特效的点击事件
2015/02/26 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
jQuery Validate插件自定义验证规则的方法
2016/12/27 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
2017/04/22 Javascript
Javascript操作dom对象之select全面解析
2017/04/24 Javascript
详解vue项目构建与实战
2017/06/27 Javascript
详解JavaScript的BUG和错误
2018/05/07 Javascript
vue 解决addRoutes动态添加路由后刷新失效问题
2018/07/02 Javascript
实例详解BootStrap的动态模态框及静态模态框
2018/08/13 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
2019/07/19 Javascript
小程序自定义模板实现吸顶功能
2020/01/08 Javascript
Antd下拉选择,自动匹配功能的实现
2020/10/24 Javascript
python实现图片批量剪切示例
2014/03/25 Python
python模块之re正则表达式详解
2017/02/03 Python
使用Filter过滤python中的日志输出的实现方法
2019/07/17 Python
python 实现保存最新的三份文件,其余的都删掉
2019/12/22 Python
python中使用paramiko模块并实现远程连接服务器执行上传下载功能
2020/02/29 Python
基于python调用jenkins-cli实现快速发布
2020/08/14 Python
详解rem 适配布局
2018/10/31 HTML / CSS
H5新属性audio音频和video视频的控制详解(推荐)
2016/12/09 HTML / CSS
党员自我评价分享
2013/12/13 职场文书
人力资源主管的岗位职责
2014/03/15 职场文书
我为党旗添光彩演讲稿
2014/09/13 职场文书
2014年财务经理工作总结
2014/12/08 职场文书
初三英语教学计划
2015/01/23 职场文书
2015年高中班主任工作总结
2015/04/30 职场文书
优秀团员主要事迹材料
2015/11/05 职场文书
ThinkPHP5和ThinkPHP6的区别
2021/03/31 PHP
深度学习详解之初试机器学习
2021/04/14 Python
【DOTA2】半决赛强强对话~ PSG LGD vs EHOME - DPC 2022 CN REGIONAL FINALS WINTER
2022/04/02 DOTA
Python 统计序列中元素的出现频度
2022/04/26 Python
ORACLE中dbms_output.put_line输出问题的解决过程
2022/06/28 Oracle