基于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参考实例 1.0 jQuery的哲学
Apr 07 Javascript
jquery选择器-根据多个属性选择示例代码
Oct 21 Javascript
使用CSS3的scale实现网页整体缩放
Mar 18 Javascript
微信QQ的二维码登录原理js代码解析
Jun 23 Javascript
前端设计师们最常用的JS代码汇总
Sep 25 Javascript
微信小程序 绘图之饼图实现
Oct 24 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
Feb 08 Javascript
Vue2.0利用vue-resource上传文件到七牛的实例代码
Jul 28 Javascript
JS返回顶部实例代码
Aug 09 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
Nov 11 Javascript
使用 vue.js 构建大型单页应用
Feb 10 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
Apr 28 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/06/02 PHP
PHP实现的博客欢迎提示功能(很特别哦)
2014/06/05 PHP
PHP中Session和Cookie是如何操作的
2015/10/10 PHP
php数据访问之增删改查操作
2016/05/09 PHP
Thinkphp通过一个入口文件如何区分移动端和PC端
2017/04/18 PHP
Laravel框架表单验证操作实例分析
2019/09/30 PHP
JavaScript 版本自动生成文章摘要
2008/07/23 Javascript
JQuery 写的个性导航菜单
2009/12/24 Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
2014/01/10 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
2015/09/30 Javascript
js命名空间写法示例
2015/12/18 Javascript
jQuery实现三级菜单的代码
2016/05/09 Javascript
如何解决hover在ie6中的兼容性问题
2016/12/15 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
2017/09/10 Javascript
在vue项目中使用sass的配置方法
2018/03/20 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
jQuery实现炫丽的3d旋转星空效果
2018/07/04 jQuery
从零开始在NPM上发布一个Vue组件的方法步骤
2018/12/20 Javascript
Django模板继承 extend标签实例代码详解
2019/05/16 Javascript
javascript实现时钟动画
2020/12/03 Javascript
python完成FizzBuzzWhizz问题(拉勾网面试题)示例
2014/05/05 Python
Python中变量交换的例子
2014/08/25 Python
Python3控制路由器——使用requests重启极路由.py
2016/05/11 Python
python3编码问题汇总
2016/09/06 Python
解决Ubuntu pip 安装 mysql-python包出错的问题
2018/06/11 Python
python如何求100以内的素数
2020/05/27 Python
Pytorch实验常用代码段汇总
2020/11/19 Python
关于django python manage.py startapp 应用名出错异常原因解析
2020/12/15 Python
配件采购员岗位职责
2013/12/03 职场文书
微观物理专业自荐信
2014/01/26 职场文书
2014统计局民主生活会对照检查材料思想汇报
2014/10/02 职场文书
邀请书格式范文
2015/02/02 职场文书
《分数的意义》教学反思
2016/02/20 职场文书
golang 定时任务方面time.Sleep和time.Tick的优劣对比分析
2021/05/05 Golang
Go语言基础知识点介绍
2021/07/04 Golang
Java 轮询锁使用时遇到问题
2022/05/11 Java/Android