基于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 小型打飞机游戏实现原理说明
Oct 28 Javascript
jquery 文本上下无缝滚动,鼠标放上去就停止 小例子
Jun 05 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
Jun 24 Javascript
javascript中checkbox使用方法简单实例演示
Nov 17 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 Javascript
原生js编写基于面向对象的分页组件
Dec 05 Javascript
如何在Angular2中使用jQuery及其插件的方法
Feb 09 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
Apr 23 jQuery
微信小程序上传图片功能(附后端代码)
Jun 19 Javascript
JS函数内部属性之arguments和this实例解析
Oct 07 Javascript
Layui tree 下拉菜单树的实例代码
Sep 21 Javascript
vue自定义右键菜单之全局实现
Apr 09 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
那些年我们错过的魔术方法(Magic Methods)
2014/01/14 PHP
PHP获取数组最后一个值的2种方法
2015/01/21 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
javascript Keycode对照表
2009/10/24 Javascript
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
2009/12/03 Javascript
收集的一些Array及String原型对象的扩展实现代码
2010/12/05 Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
2013/05/07 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
2013/09/25 Javascript
JavaScript获取DOM元素的11种方法总结
2015/04/25 Javascript
正则中的回溯定义与用法分析【JS与java实现】
2016/12/27 Javascript
AngularJS实现网站换肤实例
2021/02/19 Javascript
轻松学习Javascript闭包
2017/03/01 Javascript
nodejs个人博客开发第五步 分配数据
2017/04/12 NodeJs
js实现一个页面多个倒计时的3种方法
2019/02/25 Javascript
React组件对子组件children进行加强的方法
2019/06/23 Javascript
layui富文本编辑器前端无法取值的解决方法
2019/09/18 Javascript
微信小程序实现菜单左右联动
2020/05/19 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
2020/08/04 Javascript
JavaScript实现网页下拉菜单效果
2020/11/20 Javascript
[59:30]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
跟老齐学Python之使用Python操作数据库(1)
2014/11/25 Python
python清除字符串里非字母字符的方法
2015/07/02 Python
Python对excel文档的操作方法详解
2018/12/10 Python
python中温度单位转换的实例方法
2020/12/27 Python
CSS3弹性布局内容对齐(justify-content)属性使用详解
2017/07/31 HTML / CSS
英国假发网站:Hothair
2018/02/23 全球购物
计算机应用毕业生自荐信
2013/10/23 职场文书
工作说明书格式
2014/07/29 职场文书
赔偿协议书范本
2014/09/12 职场文书
商家认证委托书格式
2014/10/16 职场文书
鲁迅故里导游词
2015/02/05 职场文书
销售业务员岗位职责
2015/02/13 职场文书
市场部岗位职责范本
2015/04/15 职场文书
2015年度学校卫生工作总结
2015/05/12 职场文书
培养联系人考察意见
2015/06/01 职场文书
病房管理制度范本
2015/08/06 职场文书