基于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 相关文章推荐
XHTML下,JS浮动代码失效的问题
Nov 12 Javascript
探讨js中的双感叹号判断
Nov 11 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
Feb 12 Javascript
jQuery实现异步获取json数据的2种方式
Aug 29 Javascript
Javascript正则控制文本框只能输入整数或浮点数
Sep 02 Javascript
jQuery中scrollLeft()方法用法实例
Jan 16 Javascript
JavaScript判断一个字符串是否包含指定子字符串的方法
Mar 18 Javascript
AngularJS控制器之间的数据共享及通信详解
Aug 01 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
Oct 25 Javascript
微信小程序中做用户登录与登录态维护的实现详解
May 17 Javascript
详解如何用模块化的方式写vuejs
Dec 16 Javascript
解决JavaScript layui 下拉框不显示的问题
Aug 14 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代码
2011/11/27 PHP
php导入导出excel实例
2013/10/25 PHP
PHP魔术方法__GET、__SET使用实例
2014/11/25 PHP
PHP+MYSQL实现用户的增删改查
2015/03/24 PHP
PHP读取汉字的点阵数据
2015/06/22 PHP
PHP创建word文档的方法(平台无关)
2016/03/29 PHP
php通过执行CutyCapt命令实现网页截图的方法
2016/09/30 PHP
基于PHP实现解密或加密Cloudflar邮箱保护
2020/06/24 PHP
js一组验证函数
2008/12/20 Javascript
jquery判断checkbox(复选框)是否被选中的代码
2010/10/20 Javascript
xss文件页面内容读取(解决)
2010/11/28 Javascript
jquery select动态加载选择(兼容各种浏览器)
2013/02/01 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
生成二维码方法汇总
2014/12/26 Javascript
高效Web开发的10个jQuery代码片段
2016/07/22 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
2017/02/10 Javascript
Angular网络请求的封装方法
2018/05/22 Javascript
微信小程序之自定义组件的实现代码(附源码)
2018/08/02 Javascript
JavaScript直接调用函数与call调用的区别实例分析
2020/05/22 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
2020/11/06 Javascript
vue实现一个获取按键展示快捷键效果的Input组件
2021/01/13 Vue.js
[05:00]TI9战队采访 - Royal Never Give Up
2019/08/20 DOTA
Python读取网页内容的方法
2015/07/30 Python
unittest+coverage单元测试代码覆盖操作实例详解
2018/04/04 Python
Django框架实现的简单分页功能示例
2018/12/04 Python
html5 localStorage本地存储_动力节点Java学院整理
2017/07/06 HTML / CSS
HTML5之SVG 2D入门10—滤镜的定义及使用
2013/01/30 HTML / CSS
美国网上购买眼镜:Eyeconic
2017/07/29 全球购物
精美的手工家居和生活用品:Nkuku
2019/11/01 全球购物
大学生英语演讲稿
2014/04/24 职场文书
社团活动总结格式
2014/08/29 职场文书
如何写辞职书
2015/02/26 职场文书
学习新党章心得体会2016
2016/01/15 职场文书
Python趣味挑战之教你用pygame画进度条
2021/05/31 Python
Python中字符串对象语法分享
2022/02/24 Python
Win11怎么解除儿童账号限制?Win11解除微软儿童账号限制方法
2022/07/07 数码科技