基于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 相关文章推荐
Ext面向对象开发实践(续)
Nov 18 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
Mar 14 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
Nov 20 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
Feb 28 Javascript
jQuery实现多按钮单击变色
Nov 27 Javascript
JS+CSS实现六级网站导航主菜单效果
Sep 28 Javascript
Webpack 实现 Node.js 代码热替换
Oct 22 Javascript
JS正则表达式判断有效数实例代码
Mar 13 Javascript
vue component组件使用方法详解
Jul 14 Javascript
解决vue项目F5刷新mounted里的函数不执行问题
Nov 05 Javascript
vue页面切换项目实现转场动画的方法
Nov 12 Javascript
微信小程序自定义底部弹出框功能
Nov 18 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
7个超级实用的PHP代码片段
2011/07/11 PHP
PHP代码维护,重构变困难的4种原因分析
2016/01/25 PHP
php中请求url的五种方法总结
2017/07/13 PHP
JQuery live函数
2010/12/24 Javascript
简单实例处理url特殊符号&amp;处理(2种方法)
2013/04/02 Javascript
异步动态加载js与css文件的js代码
2013/09/15 Javascript
jQuery判断数组是否包含了指定的元素
2015/03/10 Javascript
jQuery.trim() 函数及trim()用法详解
2015/10/26 Javascript
属于你的jQuery提示框(Tip)插件
2016/01/20 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
2016/09/03 Javascript
JS实现点击网页判断是否安装app并打开否则跳转app store
2016/11/18 Javascript
Angularjs 手写日历的实现代码(不用插件)
2017/10/18 Javascript
详解vue + vuex + directives实现权限按钮的思路
2017/10/24 Javascript
JS手机端touch事件计算滑动距离的方法示例
2017/10/26 Javascript
微信小程序三级联动选择器使用方法
2020/05/19 Javascript
vue中使用props传值的方法
2019/05/08 Javascript
详解微信小程序自定义组件的实现及数据交互
2019/07/22 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
2019/08/09 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
基于jQuery实现挂号平台首页源码
2020/01/06 jQuery
Antd的Table组件嵌套Table以及选择框联动操作
2020/10/24 Javascript
[43:03]完美世界DOTA2联赛PWL S2 PXG vs Magma 第二场 11.21
2020/11/24 DOTA
python获取代码运行时间的实例代码
2018/06/11 Python
Python基于sklearn库的分类算法简单应用示例
2018/07/09 Python
pytorch 调整某一维度数据顺序的方法
2018/12/08 Python
python3 下载网络图片代码实例
2019/08/27 Python
浅谈Python type的使用
2019/11/19 Python
HTML5自定义mp3播放器源码
2020/01/06 HTML / CSS
植物选择:Botanic Choice
2017/02/15 全球购物
爱淘宝:淘宝网购物分享平台
2017/04/28 全球购物
西班牙电子产品购物网站:Electronicamente
2018/07/26 全球购物
个人简历自我评价八例
2013/10/31 职场文书
竞聘书模板
2014/03/31 职场文书
销售岗位职责范本
2014/06/12 职场文书
学校政风行风整改方案
2014/10/25 职场文书
2015年小学教科研工作总结
2015/07/20 职场文书