基于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实现的像java、c#之类的sleep暂停的函数代码
Mar 04 Javascript
深入理解Javascript闭包 新手版
Dec 28 Javascript
工作需要写的一个js拖拽组件
Jul 28 Javascript
中文路径导致unitpngfix.js不正常的解决方法
Jun 26 Javascript
JS 仿腾讯发表微博的效果代码
Dec 25 Javascript
jfreechart插件将数据展示成饼状图、柱状图和折线图
Apr 13 Javascript
jQuery+CSS实现的网页二级下滑菜单效果
Aug 25 Javascript
jquery.cookie实现的客户端购物车操作实例
Dec 24 Javascript
Javascript实现图片懒加载插件的方法
Oct 20 Javascript
基于vue开发的在线付费课程应用过程
Jan 25 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
Cocos2d实现刮刮卡效果
Dec 20 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查询数据库中满足条件的记录条数(两种实现方法)
2013/01/29 PHP
javascript判断用户浏览器插件安装情况的代码
2011/01/01 Javascript
JavaScript中反正弦函数Math.asin()的使用简介
2015/06/14 Javascript
jquery实现兼容IE8的异步上传文件
2015/06/15 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
JavaScript中的Number数字类型学习笔记
2016/05/26 Javascript
jQuery通用的全局遍历方法$.each()用法实例
2016/07/04 Javascript
浅谈时钟的生成(js手写简洁代码)
2016/08/20 Javascript
vue.js入门教程之基础语法小结
2016/09/01 Javascript
jQuery实现的tab标签切换效果示例
2016/09/05 Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
2016/12/07 Javascript
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
vue项目每30秒刷新1次接口的实现方法
2018/12/04 Javascript
基于Webpack4和React hooks搭建项目的方法
2019/02/05 Javascript
深入理解Vue keep-alive及实践总结
2019/08/21 Javascript
python3在同一行内输入n个数并用列表保存的例子
2019/07/20 Python
Django框架静态文件使用/中间件/禁用ip功能实例详解
2019/07/22 Python
Django 再谈一谈json序列化
2020/03/16 Python
Django基于客户端下载文件实现方法
2020/04/21 Python
Python魔术方法专题
2020/06/19 Python
如何卸载python插件
2020/07/08 Python
使用bandit对目标python代码进行安全函数扫描的案例分析
2021/01/27 Python
手把手教你配置JupyterLab 环境的实现
2021/02/02 Python
HTML5到底会有什么发展?HTML5的前景展望
2015/07/07 HTML / CSS
构造器Constructor是否可被override?
2013/08/06 面试题
捐资助学倡议书
2014/04/15 职场文书
三方合作协议书范本
2014/04/18 职场文书
岗位说明书标准范本
2014/07/30 职场文书
领导班子四风查摆对照检查材料思想汇报
2014/10/05 职场文书
房屋分割离婚协议书范本
2014/12/01 职场文书
教导主任个人总结
2015/03/03 职场文书
观看《杨善洲》宣传教育片心得体会
2016/01/23 职场文书
关于SpringBoot 使用 Redis 分布式锁解决并发问题
2021/11/17 Redis
在CSS中使用when/else的方法
2022/01/18 HTML / CSS
HTML+JS实现在线朗读器
2022/02/15 Javascript