基于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字母大小写转换实现方法总结
Nov 13 Javascript
JavaScript中的原型和继承详解(图文)
Jul 18 Javascript
JavaScript常用验证函数实例汇总
Nov 25 Javascript
javascript基本语法
May 31 Javascript
JS传值出现中文参数乱码的解决方法
Jun 30 Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
Aug 05 Javascript
Javascript计算二维数组重复值示例代码
Dec 18 Javascript
微信小程序商品详情页规格属性选择示例代码
Oct 30 Javascript
简单介绍react redux的中间件的使用
Apr 06 Javascript
Node.js笔记之process模块解读
May 31 Javascript
微信小程序配置服务器提示验证token失败的解决方法
Apr 03 Javascript
ZK中使用JS读取客户端txt文件内容问题
Nov 07 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类与对象中的private访问控制的疑问
2012/11/01 PHP
如何用php获取文件名后缀
2013/06/09 PHP
php数组转成json格式的方法
2015/03/09 PHP
PHP __call()方法实现委托示例
2019/05/20 PHP
PHP中16个高危函数整理
2019/09/19 PHP
用Javascript实现Sleep暂停功能代码
2010/09/03 Javascript
简化版手机端照片预览组件
2015/04/13 Javascript
jquery Validation表单验证使用详解
2020/09/12 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
2015/08/18 Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
2016/11/01 Javascript
JS检测window.open打开的窗口是否关闭
2017/06/25 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
2017/07/07 Javascript
vue实现导航栏效果(选中状态刷新不消失)
2017/12/13 Javascript
Canvas实现微信红包照片效果
2018/08/21 Javascript
在vue项目中引用Iview的方法
2018/09/14 Javascript
layui use 定义js外部引用函数的方法
2019/09/26 Javascript
Python的内存泄漏及gc模块的使用分析
2014/07/16 Python
利用Python演示数型数据结构的教程
2015/04/03 Python
Python的Flask框架中web表单的教程
2015/04/20 Python
Python实现图像几何变换
2015/07/06 Python
python访问抓取网页常用命令总结
2017/04/11 Python
对python中的pop函数和append函数详解
2018/05/04 Python
我就是这样学习Python中的列表
2019/06/02 Python
Django之创建引擎索引报错及解决详解
2019/07/17 Python
Python利用matplotlib绘制约数个数统计图示例
2019/11/26 Python
Python编程快速上手——正则表达式查找功能案例分析
2020/02/28 Python
使用HTML5 Canvas绘制圆角矩形及相关的一些应用举例
2016/03/22 HTML / CSS
高中美术教学反思
2014/01/19 职场文书
党的群众路线教育实践活动动员会主持词
2014/03/20 职场文书
幼儿园亲子活动总结
2014/04/26 职场文书
星级党支部申报材料
2014/05/31 职场文书
财务部副经理岗位职责范本
2014/06/17 职场文书
慰问信格式规范
2015/03/23 职场文书
Java实现二分搜索树的示例代码
2022/03/17 Java/Android
基于Python实现将列表数据生成折线图
2022/03/23 Python
Java Spring Boot请求方式与请求映射过程分析
2022/06/25 Java/Android