一个简单的随机数小程序

<html><head><meta charset="UTF-8"><title>在线随机数生成器</title><meta name="keywords" content="随机数生成器,随机摇号器,在线随机数生成器"><meta name="description" content="本网站提供在线随机数生成器，在线抽签摇号，在线抽奖，大转盘抽奖，双色球模拟摇号，并且可以方便用户自定义参数等功能"><meta name="baidu-site-verification" content="sA9lncqwpX"><meta name="shenma-site-verification" content="9b2a8806d0e679b68f0a30f5bcb67f08_1578560402"><meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0,user-scalable=no"><link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"><link rel="stylesheet" href="base.css"><script>var _hmt = _hmt || [];(function () {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?7460c520f93b150eaea8298a605ed6f9";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();</script>
</head><body><div class="box1" style="height: 50px"></div><div class="container jumbotron text-center top"><div class="row"></div><h1 style="margin-bottom: 5%;" align="center">随机数生成器</h1><div class="row"><div class="col-md-2 col-3" style=""><span for="shumu" class="input-label"style="margin-bottom: 0;text-align: center;float: right;padding-top:5px;">数目&nbsp;:</span></div><div class="col-md-3 col-9"><input type="number" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')"onafterpaste="this.value=this.value.replace(/\D/g,'')" id="shumu" value="10"></div></div><div class="row" style="margin-top: 10px;"><div class="col-md-2 col-3 " style="float: right;"><span for="min" class="input-label"style="margin-bottom: 0;text-align: center;float: right;padding-top:5px;">最小值&nbsp;:</span></div><div class="col-md-3 col-9"><input type="number" onkeyup="this.value=this.value.replace(/\D/g,'')"onafterpaste="this.value=this.value.replace(/\D/g,'')" class="form-control" name="min" id="min"value="0"></div><div class="col-md-2 col-3 input_top" style="float: right;"><span for="max" class="input-label"style="margin-bottom: 0;text-align: center;float: right;padding-top:5px;">最大值&nbsp;:</span></div><div class="col-md-3 col-9 input_top"><input type="number" onkeyup="this.value=this.value.replace(/\D/g,'')"onafterpaste="this.value=this.value.replace(/\D/g,'')" class="form-control" name="max" id="max"value="100"></div></div><div class="row" style="margin-top: 10px;"><div class="col-md-2 col-3" style="float: right;"><span for="only" class="input-label"style="margin-bottom: 0;text-align: center;float: right;padding-top:5px;">是否唯一&nbsp;:</span></div><div class="col-md-3 col-9"><select id="only" class="form-control"><option value="1" selected="selected">&nbsp;唯一</option><option value="2">&nbsp;不唯一</option></select></div></div><p style="margin-top: 5%;" align="center"><button class="col-lg-2 col-sm-8 btn-success" id="start"style="border-radius: 5px; height: 40px; border: 0px none; display: block;">生成</button><button class="col-lg-2 col-sm-8 btn-success btn-info" id="stop"style="border-radius: 5px; height: 40px; border: 0px none; display: none;">结束</button></p><h1 class="random_font" id="shu">89 </h1></div><script src="../3_JavaScript/app.js"></script><script>var timer;var number = 0;function random_number(min, max) {var rand = parseInt(Math.random() * (max - min + 1) + min);return rand;}function array_contain(array, obj) {for (var i = 0; i < array.length; i++) {if (array[i] == obj) return true;}return false;}window.onload = function () {var container = document.getElementById("shu"),start = document.getElementById("start"),stop = document.getElementById("stop");//事件调用start.onclick = play;stop.onclick = end;document.onkeyup = function (event) {event = event || window.event;if (event.keyCode == 13 || event.keyCode == 32) {if (number == 0) {play();number = 1;} else {end();number = 0;}}}function play() {clearInterval(timer);timer = setInterval(function () {start.style.display = "none";stop.style.display = "block";var x = document.getElementById("min").value;var y = document.getElementById("max").value;var shu = document.getElementById("shumu").value;var only = document.getElementById("only").value;var data = [];for (var i = 0; i < 10000; i++) {if (data.length >= shu) {break;}var rand = random_number(x, y);if (only == 1) {if (!array_contain(data, rand)) {data.push(rand + " ")}} else {data.push(rand + " ")}}container.innerText = data.join(" ");start.classList.remove("btn-success");start.classList.add("btn-primary");stop.classList.add("btn-danger");}, 100);}function end() {stop.style.display = "none";start.style.display = "block";clearInterval(timer);stop.classList.remove("btn-danger");stop.classList.add("btn-info");start.classList.remove("btn-primary");start.classList.add("btn-success");}}</script></body></html>

Html随机数小程序相关推荐

python小程序——实现电脑产生随机数，键盘输入数字与其进行对比，还有相应得分减分。
一个python初学者,写了一个简单地小程序,电脑产生随机数与输入的数字进行比较,有十次输入比较机会,输对了加分,输错了减分. import random print("目前分数为100分! ...
微信小程序随机数(自定义长度和类型)
微信小程序随机数(自定义长度和类型) random.js // random.jsconst charts = ['0', '1', '2', '3', '4', '5', '6', '7', '8' ...
DAY 2 循环、随机数练习 - 年会抽奖程序京牌摇号小程序
年会抽奖程序张三科技有限公司有300名员工,开年会抽奖,奖项如下: 一等奖3名,泰国5日游二等奖6名,iPhone手机三等奖30名,避孕套一盒规则: 共抽3次,第一次抽3等奖,第二次抽二等奖, ...
区块链c端应用小程序_区块链如何真正起作用？我建立了一个应用程序向您展示。...
区块链c端应用小程序 by Sean Han 通过肖恩·韩区块链如何真正起作用? 我建立了一个应用程序向您展示. (How does blockchain really work? I built ...
如何用excel制作xy曲线图_用Excel制作一个简易抽奖小程序，可一次抽取多人
抽奖程序在很多场合都能派上用场,比如商场开业促销.课堂点名.抽取幸运观众等.我们今天就用Excel来制作一个简单的抽奖小程序,仅做参考. 抽奖小程序是下图这个样子的.我们按一下键盘上的F9键,即可完成 ...
python开发微信小程序-微信小程序开发：python+sanic 实现小程序登录注册
开发微信小程序时,接入小程序的授权登录可以快速实现用户注册登录的步骤,是快速建立用户体系的重要一步.这篇文章将介绍 python + sanic + 微信小程序实现用户快速注册登录全栈方案. 微信小程 ...
微信小程序-开心大转盘（圆盘指针）代码分析
大转盘是比较常见的抽奖活动 .以前做过h5的大转盘,最近小程序比较火,客户要求做小程序的大转盘.我们就来分析下代码.先上几个图: 界面效果还是很不错的. 做界面还是比较容易的,只要有前端基础没 ...
用javascript制作随机汉字打字练习小程序
这个是上一篇的续集.也是2020年年底的时候给银行妹写的小程序,对我来说已经没什么卵用了.但是,还是在CSDN里面留着吧,就像之前用python给那个叫xc的渣女写的转换器一样.于我是无用之物,但是发 ...
技术文：微信小程序和服务器通信-WebSocket
本文主要讲一下如何建立一个基于node.js的WebSocket服务器,并在小程序中使用这个提供实时服务的服务器. node.js中已经有很多现成的第三方库,用于构建WebSocket服务.我们今天选 ...

Html随机数小程序

一个简单的随机数小程序

Html随机数小程序相关推荐

最新文章

热门文章