基于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中:header选择器用法实例
Dec 29 Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
Mar 18 Javascript
详解Node.js如何开发命令行工具
Aug 14 Javascript
Bootstrap下拉菜单样式
Feb 07 Javascript
解决URL地址中的中文乱码问题的办法
Feb 10 Javascript
小程序实现列表删除功能
Oct 30 Javascript
js利用递归与promise 按顺序请求数据的方法
Aug 30 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
Oct 14 Javascript
Vuex的实战使用详解
Oct 31 Javascript
Vue防止白屏添加首屏动画的实例
Oct 31 Javascript
JS中的变量作用域(console版)
Jul 18 Javascript
jQuery实现计算器功能
Oct 19 jQuery
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正则的Unknown Modifier错误解决方法
2010/03/02 PHP
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-3 代码组织和重用2
2011/07/03 PHP
PHP面向对象三大特点学习(充分理解抽象、封装、继承、多态)
2012/05/07 PHP
简单解析PHP程序的运行流程
2016/06/23 PHP
基于PHP实现的多元线性回归模拟曲线算法
2018/01/30 PHP
一段批量给页面上的控件赋值js
2010/06/19 Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
2014/04/22 Javascript
jQuery中triggerHandler()方法用法实例
2015/01/19 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
使用JS代码实现点击按钮下载文件
2016/11/12 Javascript
老生常谈jacascript DOM节点获取
2017/04/17 Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
2020/06/19 Javascript
Angular 数据请求的实现方法
2018/05/07 Javascript
微信小程序实现弹出层效果
2020/05/26 Javascript
Vue项目引进ElementUI组件的方法
2018/11/11 Javascript
jQuery表单元素过滤选择器用法实例分析
2019/02/20 jQuery
微信小程序实现时间进度条功能
2020/11/17 Javascript
原生JS实现汇率转换功能代码实例
2020/05/13 Javascript
Jquery使用each函数实现遍历及数组处理
2020/07/14 jQuery
jQuery实现可以扩展的日历
2020/12/01 jQuery
[05:04]完美世界携手游戏风云打造 卡尔工作室地图界面篇
2013/04/23 DOTA
Python isinstance判断对象类型
2008/09/06 Python
python用for循环求和的方法总结
2019/07/08 Python
python实现b站直播自动发送弹幕功能
2021/02/20 Python
HTML5 localStorage使用总结
2017/02/22 HTML / CSS
详解webapp页面滚动卡顿的解决办法
2018/12/26 HTML / CSS
anello泰国官方网站:日本流行包包品牌
2019/08/08 全球购物
有机婴儿毛毯和衣服:Monica + Andy
2020/03/01 全球购物
简单的JAVA编程面试题
2013/03/19 面试题
会计主管岗位职责
2014/01/03 职场文书
程序员求职信
2014/04/16 职场文书
投资合作协议书范本
2014/04/17 职场文书
《鲁班和橹板》教学反思
2014/04/27 职场文书
教师党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
2014年英语教师工作总结
2014/12/03 职场文书
民事上诉状范文
2015/05/22 职场文书