基于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_02_理解undefined和null
Oct 11 Javascript
用js获取电脑信息(是使用与IE浏览器)
Jan 15 Javascript
动态加载脚本提升javascript性能
Feb 24 Javascript
提高jQuery性能优化的技巧
Aug 03 Javascript
基于jQuery实现仿百度首页选项卡切换效果
May 29 Javascript
详解js的异步编程技术的方法
Feb 09 Javascript
ES6中Class类的静态方法实例小结
Oct 28 Javascript
vue.js template模板的使用(仿饿了么布局)
Aug 13 Javascript
JS数组求和的常用方法总结【5种方法】
Jan 14 Javascript
js实现多图和单图上传显示
Dec 18 Javascript
JavaScript 判断数据类型的4种方法
Sep 11 Javascript
关于React Native使用axios进行网络请求的方法
Aug 02 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中文分词 自动获取关键词介绍
2012/11/13 PHP
Codeigniter注册登录代码示例
2014/06/12 PHP
ThinkPHP实现事务回滚示例代码
2014/06/23 PHP
php版微信公众平台接口开发之智能回复开发教程
2016/09/22 PHP
PHP实现文件上传功能实例代码
2017/05/18 PHP
PHP执行linux命令6个函数代码实例
2020/11/24 PHP
BOOM vs RR BO3 第一场2.13
2021/03/10 DOTA
javascript检测浏览器的缩放状态实现代码
2014/09/28 Javascript
js创建对象的方式总结
2015/01/10 Javascript
javascript实现炫酷的拖动分页
2015/05/11 Javascript
JavaScript必知必会(二) null 和undefined
2016/06/08 Javascript
如何在 JavaScript 中更好地利用数组
2018/09/27 Javascript
JavaScript原型对象原理与应用分析
2018/12/27 Javascript
vue样式穿透 ::v-deep的具体使用
2020/06/04 Javascript
Vue中用JSON实现刷新界面不影响倒计时
2020/10/26 Javascript
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
基于python(urlparse)模板的使用方法总结
2017/10/13 Python
python中验证码连通域分割的方法详解
2018/06/04 Python
Python3+Appium实现多台移动设备操作的方法
2019/07/05 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
PyTorch和Keras计算模型参数的例子
2020/01/02 Python
将 Ubuntu 16 和 18 上的 python 升级到最新 python3.8 的方法教程
2020/03/11 Python
详解python程序中的多任务
2020/09/16 Python
python3中TQDM库安装及使用详解
2020/11/18 Python
Python 利用argparse模块实现脚本命令行参数解析
2020/12/28 Python
使用HTML5的表单验证的简单示例
2015/09/09 HTML / CSS
美国领先的户外服装与装备用品店:Moosejaw
2016/08/25 全球购物
开发中都用到了那些设计模式?用在什么场合?
2014/08/21 面试题
中学教师自我鉴定
2014/02/07 职场文书
三方协议书范本
2014/04/22 职场文书
品质标语大全
2014/06/21 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
护士实习自荐信
2015/03/06 职场文书
2015年社区服务活动总结
2015/03/25 职场文书
大学毕业晚会开场白
2015/05/29 职场文书
小学生暑假安全公约
2015/07/14 职场文书