基于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 相关文章推荐
不同浏览器对回车提交表单的处理办法
Feb 13 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
jQuery中$.each()函数的用法引申实例
May 12 Javascript
Vue.js组件tabs实现选项卡切换效果
Dec 01 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
Dec 15 Javascript
Angularjs修改密码的实例代码
May 26 Javascript
简单实现js拖拽效果
Jul 25 Javascript
JS实现的找零张数最小问题示例
Nov 28 Javascript
vue项目实现表单登录页保存账号和密码到cookie功能
Aug 31 Javascript
React+EggJs实现断点续传的示例代码
Jul 07 Javascript
Openlayers实现点闪烁扩散效果
Sep 24 Javascript
深入讲解Vue中父子组件通信与事件触发
Mar 22 Vue.js
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
高分R级DC动画剧《哈莉·奎茵》第二季正式预告首发
2020/04/09 欧美动漫
php的memcached客户端memcached
2011/06/14 PHP
php实现MySQL数据库备份与还原类实例
2014/12/09 PHP
thinkphp 字母函数详解T/I/N/D/M/A/R/U
2017/04/03 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
js 替换功能函数,用正则表达式解决,js的全部替换
2010/12/08 Javascript
document.createElement()用法
2013/03/13 Javascript
js跨域访问示例(客户端/服务端)
2014/05/19 Javascript
JavaScript中的单引号和双引号报错的解决方法
2014/09/01 Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
2014/12/18 Javascript
动态加载jQuery的方法
2015/06/16 Javascript
JavaScript触发onScroll事件的函数节流详解
2016/12/14 Javascript
十个免费的web前端开发工具详细整理
2017/09/18 Javascript
微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法
2017/11/27 Javascript
利用vue开发一个所谓的数独方法实例
2017/12/21 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
Python简单实现安全开关文件的两种方式
2016/09/19 Python
python 读取.csv文件数据到数组(矩阵)的实例讲解
2018/06/14 Python
python实现将一个数组逆序输出的方法
2018/06/25 Python
python运行时强制刷新缓冲区的方法
2019/01/14 Python
python多线程并发实例及其优化
2019/06/27 Python
对Python中 \r, \n, \r\n的彻底理解
2020/03/06 Python
解决Windows下python和pip命令无法使用的问题
2020/08/31 Python
CSS3 border-radius圆角的实现方法及用法详解
2020/09/14 HTML / CSS
经济学人订阅:The Economist
2018/07/19 全球购物
俄罗斯药房连锁店:ASNA
2020/06/20 全球购物
Java如何格式化日期
2012/08/07 面试题
JSP&Servlet技术面试题
2015/05/21 面试题
初中化学教学反思
2014/01/23 职场文书
教师节商场活动方案
2014/02/13 职场文书
2013年最新自荐信范文
2014/06/23 职场文书
教书育人演讲稿
2014/09/11 职场文书
党员查摆剖析材料
2014/10/10 职场文书
关于迟到的检讨书
2015/05/06 职场文书
2015年外贸业务员工作总结范文
2015/05/23 职场文书
JavaScript文档对象模型DOM
2021/11/20 Javascript