基于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的IE和火狐的兼容性注意事项
Mar 17 Javascript
js实现的仿新浪微博完美的时间组件升级版
Dec 20 Javascript
jquery通过a标签删除table中的一行的代码
Dec 02 Javascript
jquery实现的导航固定效果
Apr 28 Javascript
JavaScript跨域方法汇总
Oct 16 Javascript
不使用ajax实现无刷新提交表单
Dec 21 Javascript
动态更新highcharts数据的实现方法
May 28 Javascript
vue教程之toast弹框全局调用示例详解
Aug 24 Javascript
three.js实现3D模型展示的示例代码
Dec 31 Javascript
在vue项目中引入highcharts图表的方法
Jan 21 Javascript
js中forEach,for in,for of循环的用法示例小结
Mar 14 Javascript
微信小程序实现购物车小功能
Dec 30 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
国内咖啡文化
2021/03/03 咖啡文化
PHP在XP下IIS和Apache2服务器上的安装
2006/09/05 PHP
如何使用PHP中的字符串函数
2006/11/24 PHP
PHP如何编写易读的代码
2007/07/10 PHP
由php的call_user_func传reference引发的思考
2010/07/23 PHP
php递归函数中使用return的注意事项
2014/01/17 PHP
JS中简单的实现像C#中using功能(有源码下载)
2007/01/09 Javascript
在页面上点击任一链接时触发一个事件的代码
2007/04/07 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
2012/07/21 Javascript
jquery+css3打造一款ajax分页插件(自写)
2014/06/18 Javascript
jQuery源码分析之Callbacks详解
2015/03/13 Javascript
基于jquery实现弹幕效果
2016/09/29 Javascript
JavaScript数组去重的6个方法
2017/01/21 Javascript
学习使用Bootstrap栅格系统
2017/05/11 Javascript
VsCode插件整理(小结)
2017/09/14 Javascript
nodejs 简单实现动态html的方法
2018/05/12 NodeJs
基于vue的验证码组件的示例代码
2019/01/22 Javascript
layui下拉列表select实现可输入查找的方法
2019/09/28 Javascript
微信小程序wxml列表渲染原理解析
2019/11/27 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
2020/03/20 jQuery
如何使用jQuery操作Cookies方法解析
2020/09/08 jQuery
django之session与分页(实例讲解)
2017/11/13 Python
Python之列表的插入&amp;替换修改方法
2018/06/28 Python
Atom的python插件和常用插件说明
2018/07/08 Python
pandas DataFrame 警告(SettingWithCopyWarning)的解决
2019/07/23 Python
Python数组并集交集补集代码实例
2020/02/18 Python
Python requests HTTP验证登录实现流程
2020/11/05 Python
前端实现打印图像功能
2019/08/27 HTML / CSS
中国双语服务优势的在线购票及活动平台:247tickets
2018/10/26 全球购物
公司财务工作总结的自我评价
2013/11/23 职场文书
新农村建设标语
2014/06/24 职场文书
街道务虚会发言材料
2014/10/20 职场文书
趣味运动会标语口号
2015/12/26 职场文书
Redis数据结构之链表与字典的使用
2021/05/11 Redis
Redis集群的关闭与重启操作
2021/07/07 Redis
Python内置的数据类型及使用方法
2022/04/13 Python