html中使用js实现体彩11选5随机选号

体彩11选5随机选号

页面预览：
代码实现：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>体彩11选5随机选号</title><script>function start() {var arr1 = newRandomNumbersWithNoRepeat(1, 11, 5);document.getElementById("b1").value = arr1[0];document.getElementById("b2").value = arr1[1];document.getElementById("b3").value = arr1[2];document.getElementById("b4").value = arr1[3];document.getElementById("b5").value = arr1[4];document.getElementById("button").style.display = 'none';document.getElementById("three").style.display = 'block';}function newNumber(start,end){return Math.round(Math.random()*(end-start)+start);//[start,end]范围内的随机数值，只支持不小于0的合法范围}function isHaveThisNumber(para,num){//拒绝无效的数组if(typeof(para) == "object"){if(para.length==0){return false;}}for(var i=0;i<para.length;i++){if(para[i]==num){return true;//与目标数组有重复}}return false;}function newRandomNumbersWithNoRepeat(start,end,size){var para=new Array();//目标随机数组var rnum;//当前随机数var currentIndex=0;//当前随机数组的索引if(start>end||start<0||end<0||size<0){return;}if(end-start+1<size){//验证随机数个数是否超出随机数范围return;}for(var i=0;i<size;i++){//生成 size 个不重复的随机数rnum=newNumber(start,end);//获取随机数if(isHaveThisNumber(para,rnum)){//是否已经存在while(isHaveThisNumber(para,rnum)){//获取新的随机数 直到不重复rnum=newNumber(start,end);//重新获取随机数}}para[currentIndex++]=rnum;//添加到现有数字集合中}return para;}</script></head>
<body><div class="one"><div id="button"><button type="button" class="two" onclick="start()">随机选号</button></div><div class="three" id="three"><input id="b1" type="button" class="b1" value=""></input><input id="b2" type="button" class="b2" value=""></input><input id="b3" type="button" class="b3" value=""></input><input id="b4" type="button" class="b4" value=""></input><input id="b5" type="button" class="b5" value=""></input></div></div><style type="text/css">.one{margin-left: 400px;margin-top: 332px;}.two{font-size: 56px;font-family: initial;color: crimson;margin-left: -38px;}.three{display: none;margin-left: -20px;margin-top: 161px;}.b1{margin-left: -115px;font-size: 70px;color: red;margin-right: 14px;}.b2{font-size: 70px;color: red;margin-right: 14px;}.b3{font-size: 70px;color: red;margin-right: 14px;}.b4{font-size: 70px;color: red;margin-right: 14px;}.b5{font-size: 70px;color: red;margin-right: 14px;}</style></body>
</html>

html中使用js实现体彩11选5随机选号相关推荐

java数组36选7_36选7随机摇号
import java.util.Random; public class RandomDemo { public static void main(String[] args) { lottery( ...
【前端2】js：原始类型，运算符，调试，页面加载，轮播图，Bom（对象，时钟），Dom（全选全不选，省市级联，隔行/触摸换色，表单校验）
文章目录 1.js两种引入:js最终要引入到html在浏览器中运行 2.js五大原始类型:undefined 3.js的运算符和流程控制:js不支持单&和单|性能低 4.案例_99乘法表:So ...
js总结（11）语法字典各种小应用
1.页面置顶的方法用一个setInterval()设置当距离顶部 window.pageYOffset=0,display none掉 else block $(function(){ $(win ...
vue配置加密_HBuilderX中配置JS/NVUE文件原生混淆加密
App的安装包都可以解压.前端资源,一般都是明文存放在安装包中,为防止解压后泄露敏感信息,需要进行安全处理. 由此DCloud提供了App端的js/nvue文件的原生混淆.5+App或wap2app支 ...
Vue.js 使用 Swiper.js 在 iOS 11 时出现错误
前言在H5项目中,需要用到翻页效果,通过 Swiper 来实现,安装 Swiper npm i swiper -S 但是实际使用中,发现低版本 iOS < 11 会出现下面这个错误: Synt ...
Android 2.2 r1 API 中文文档系列（11） —— RadioButton
一.结构 public class RadioButton extends CompoundButton java.lang.Object android.view.View ...
Eclipse和MyEclipse使用技巧--解决MyEclipse中的js报错的小方法
今天,下了个模版,但是导进去的时候发现js会报错.看了下其他都没有错误.而有一个js报错误,请原谅我有点红色强迫症,不能留一点红色 . 错误如下: Syntax error on token &quo ...
项目开发中常用JS表单取值方法
项目开发中常用JS表单取值方法一.常用表单基本取值方法(form1为表单名称,TextBox1为控件ID,以文本框为例,html控件与web服务器控件是一样的) 1.form1.Te ...
legend---十二、js中的js语句和函数和ready函数的关系是什么
legend---十二.js中的js语句和函数和ready函数的关系是什么一.总结一句话总结: 函数和全局变量不必放到ready函数中语句(调用函数和全局变量)的必须放到ready函数中 1.在 ...
eclipse 新建java无scr_解决eclipse中没有js代码提示的问题
自学js,发现eclipse中不管js文件.html文件.jsp文件没有都没js代码的提示,对于js代码也不报错,有时候就因为单词敲错却查了很久没查出来,很烦很难受. 在网上找了很多方法,都没有解决, ...

html中使用js实现体彩11选5随机选号

体彩11选5随机选号

html中使用js实现体彩11选5随机选号相关推荐

最新文章

热门文章