精华内容
下载资源
问答
  • 随机生成数字

    2021-01-18 16:37:52
    DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &...

    在这里插入图片描述

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <style>
        html{
            height: 100%;
            background:  linear-gradient(rgba(196, 102, 0, 0.6), rgba(155, 89, 182, 0.6)); 
            /* background-image:url(/1.jpg); */
        }
        
        .box {
            /* 自动换行 */
            white-space: pre-line;
            word-break: break-all;
            word-wrap: break-word;
      
            width: 250px;
            height: 250px;
            vertical-align: top;
            background-color: #fff;
            box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
            font-size: 26px;
        }
        .btn{
            line-height: 32px;
          border-radius: 2px;
          font-size: 0.9em;
          background-color: rgb(15, 157, 88); 
          color: white;
          transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
          transition-delay: 0.2s;
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        }
        .bot{
            width: 250px;
            height: 180px;
            vertical-align: top;
            background-color: #fff;
            box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
        }
    </style>
    
    <body>
        <div class="bot">
            <h2>产生随机数</h2>
            数量:<input type="text" id="num"><br>
            范围:<input type="text" name="randMin" id="randMin" style="width: 25px;">~<input type="text" name="randMax"
                id="randMax" style="width: 25px;"><br>
            <br><button class="btn" id="btn">生成随机数</button><br>
        </div>
    
        <br>
        <div class="box" id="box"></div>
        <script>
            var num = document.getElementById("num").value;
            var randMin = document.getElementById("randMin").value;
            var randMax = document.getElementById("randMax").value;
            var btn = document.getElementById("btn");
            var box = document.getElementById("box");
            btn.onclick = function () {
                var arr = [];
                for (let i = 0; i < num; i++) {
                    var randNum = parseInt(Math.random() * randMin + (randMax - randMin));
                    console.log(randNum);
                    arr.push(randNum);
                }
                console.log(arr)
                box.innerHTML = arr;
            }
        </script>
    </body>
    
    </html>
    
    展开全文
  • js随机动画生成一组随机数字 在线预览 点击下载 效果描述: 附件中只有一个index.html文件有效 其中包含css以及html两部分内容 纯js生成的几个随机数字 每次都不重复,点击按钮后再次切换 使用方法: 1、将css...
  • DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...

    随机效果预览

    整体代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        <input type="number" style="font-size: 200px;width: 240px;text-align: center; margin-left: -5px;
        margin-top: 15px;border: 1px solid #CCCCCC;box-shadow: 1px 1px 10px red;" readonly><br>
        <button style="margin-left: 80px" onclick="start()">开始</button>
        <script>
            var timer;
            var ctrl=true;
            function start(){
                if(ctrl){
                    r();
                    ctrl=false;
                    document.querySelector('button').innerText="结束";
                }
                else{
                    clearTimeout(timer);
                    ctrl=true;
                    document.querySelector('button').innerText="开始";
                }
            }
            function r(){
                var num=Math.floor(Math.random()*60+1);
                document.querySelector('input').value=num;
                document.querySelector('input').style.color="#"+Math.floor(Math.random()*(0xffffff)).toString(16);
                timer=setTimeout("r()",60)
            }
        </script>
    </body>
    </html>
    

    JavaScript

    	<input type="number" readonly>
        <button onclick="start()">开始</button>
        <script>
            var timer;
            var ctrl=true;
            function start(){
                if(ctrl){
                    r();
                    ctrl=false;
                    document.querySelector('button').innerText="结束";
                }
                else{
                    clearTimeout(timer);
                    ctrl=true;
                    document.querySelector('button').innerText="开始";
                }
            }
            function r(){
                var num=Math.floor(Math.random()*60+1);
                document.querySelector('input').value=num;
                document.querySelector('input').style.color="#"+Math.floor(Math.random()*(0xffffff)).toString(16);
                timer=setTimeout("r()",60)
            }
        </script>
    

    CSS代码

    	<style>
    	font-size: 200px;
        width: 240px;
        text-align: center; 
        margin-left: -5px;
        margin-top: 15px;
        border: 1px solid #CCCCCC;
        box-shadow: 1px 1px 10px red;
        </style>
    
    展开全文
  • } } //随机变化后要呈现的具体数字 function selNum(idList, numList) { for (var i = 0; i ; i++) { document.getElementById(idList[i]).innerHTML = numList[i]; } } //---------------------------------------...

    .p_ball label{width: 40px;font-size: 20px;display: block;float: left;text-align: center;}

    .p_ball label:nth-child(odd){background-color: rgb(202, 202, 232);}

    5

    5

    5

    5

    5

    5

    5

    window.onload = function() {

    $.fn.rdScrollNum({

    idLists: ['one', 'two', 'three', 'four', 'five', 'six', 'seven'], //id列表

    numLists: ['08', '09', '03', '08', '66', '07', '33'], //显示值列表

    showTime: 2, //N秒后停止滚动

    lastNum: 36 //随机滚动最大出现值

    });

    };

    //-----------------------彩票滚球滚动效果--------------------------------------------

    //通过id列表设置滚动后要选中的数值 idList表示id列表 numList表示num的列表

    function rdScrollNum(data) {

    var stopTime = data.showTime * 1000;

    var rd = setInterval(function() {

    rdByIdList(data.idLists, data.lastNum);

    }, 100);

    setTimeout(function() {

    clearInterval(rd);

    selNum(data.idLists, data.numLists);

    }, stopTime);

    }

    //通过id数据为其赋值随机数

    function rdByIdList(idList, lastNum) {

    var rd = '';

    var idName = '';

    for (var i = 0; i < idList.length; i++) {

    idName = document.getElementById(idList[i]);

    rd = parseInt(Math.random() * lastNum);

    idName.innerHTML = rd;

    }

    }

    //随机变化后要呈现的具体数字

    function selNum(idList, numList) {

    for (var i = 0; i < idList.length; i++) {

    document.getElementById(idList[i]).innerHTML = numList[i];

    }

    }

    //-----------------------------------------------------------------------------------

    一键复制

    编辑

    Web IDE

    原始数据

    按行查看

    历史

    展开全文
  • 随机生成数字判断是否中奖

    千次阅读 2018-07-09 14:17:12
    doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-...
    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
    <script>
        var num=parseInt(37*Math.random()) ;
        var time=1;
        var arr=[];
        for (j=0;j<3;j++) {
            for (i = 1; i <= 4; i++) {
                arr[i - 1] = prompt("请输入第" + i + "个四个数 ");
            if (arr[i - 1] <=   9 && arr[i - 1] >= 0&&arr[i-1]!="") {
            }      else {
            alert("请输入正确的数字");
            arr[i - 1] = prompt("请输入第" + i + "个四个数 ");
                i--;
                }
            }
            x = parseInt(arr[0]) + parseInt(arr[1]) + parseInt(arr[2]) + parseInt(arr[3]);
            alert(x);
            if (x!== num) {
            if (time == 3) {
            alert("很遗憾 你失败了")
            } else {
            alert("请再来一次");
                }
            time++;
            } else {
            alert("恭喜你 成功了");
            break
            }
        }
        document.write(num)
    </script>
    </body>
    </html>
    展开全文
  • 实现一个循环次数是4的循环,在该循环中随机产生一个[0,62]的数字,用于获取1中数码数组arr的元素,然后将得到的随机数码放到2中定义的数组中,知道循环结束;循环结束后,调用数组的join方法,将result数组中的元.....
  • 如何使用javascript生成随机字母数字字符串?下面本篇文章就来给大家介绍一下使用JavaScript生成随机字母数字字符串的方法,希望对大家有所帮助。方法一:Math.random()方法和Math.floor()方法● 创建一个函数,该...
  • -- 随机验证码 --> <el-form-item prop="verifycode" style="line-height:0px;"> <el-input v-model="loginForm.verifycode" ref="verifycode" placeholder="验证码" class="identifyinput" style=...
  • 原文地址:...效果图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i...
  • 效果描述: 附件中只有一个index.html文件... 纯js生成的几个随机数字 每次都不重复,点击按钮后再次切换 使用方法: 1、将css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
  • DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>点名系统</title> <script type="text/javascript"> var arr = new Array();...
  • JavaScript生成随机数字

    2019-12-12 09:54:47
    一个个敲太费劲,做个简单点的方法生成数字数据,喜欢的童鞋可以拿去用。 效果图如下: 代码如下: <!DOCTYPE html> <html lang=" "> <head> <meta charset="UTF-8"> <meta name=...
  • Mysql 生成随机数字

    千次阅读 2019-09-21 16:21:27
    其实思路很简单,利用MySQL现有的函数,然后进行加工处理,达到预期的结果。可以用到的MySQL函数为rand() ,以及 round() 函数。 具体为:select round...转载于:https://www.cnblogs.com/shigj/p/11526031.html...
  • 本文实例讲述了前言最近有个需求,是需要生成3-32位长度的字母数字组合的随机字符串,另一个是生成43位随机字符串。方法一奇妙的写法Math.random().toString(36).substr(2);输出结果解释很有意思,研究了一下,基本...
  • 下面我们要通过javascript来随机生成1~75中的数字并填写到除“free”以外的所有表格中去。 window.onload=newCard; function newCard(){ //共有24个格子需要填入数字,所以需要循环生成24个数字填入 for(var...
  • 方法一: 随机生成6位的数字 int radomInt = new Random().nextInt(999999) 方法二: int radomInt =(int)((Math.random()9+1)100000) 转载于:https://www.cnblogs.com/jpfss/p/7506313.html...
  • SQL随机生成6位数字

    2014-10-15 19:58:00
    SELECT RIGHT(100000000 + CONVERT(bigint, ABS(CHECKSUM(NEWID()))), 6) 转载于:https://www.cnblogs.com/lxshanye/p/4027187.html
  • 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>1-99的随机数字</title> 5 <script type="text/javascript"> 6 7 function selectFrom(lo...
  • select RIGHT(REPLACE(NEWID(), '-', ''),6)----随机生成6位字母和数字,不同的 转载于:https://www.cnblogs.com/li5206610/p/5008263.html
  • C# .NET Random 生成随机数字和字母

    千次阅读 2014-01-06 16:11:40
    类 Random 是 .NET 的伪随机生成器,要生成各种类型的随机数,必须先得到它的实例对象,然后再生成随机数 2:种子 随机数的生成是从种子值开始。 如果反复使用同一个种子,就会生成相同的数字系列,产生...
  • 【JavaScript】随机生成10个0~100的数字

    千次阅读 2017-11-26 17:49:00
    随机生成10个0~100不重复的数字(包含0和100); 需要用到的知识点:随机数  去重 下面放代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></...
  • html页使用如下代码: 然后php调用$_SESSION['SafeCode']
  • JS随机生成6为数字并赋值给input

    千次阅读 2018-07-16 20:16:21
    html&gt; &lt;head&gt; &lt;/head&gt; &lt;script&gt; function code(){  var Num="";  for(var i=0;i&lt;6;i++){  Num+=Math.floor(Math.random()*10);  }  ...
  • for($i=0;$i<16;$i++){$rand= dechex(rand(1,15));echo $rand; 转载于:https://www.cnblogs.com/visi_zhangyang/archive/2012/08/13/2636390.html
  • java验证码中的数字、字母、汉字如何随机生成   首先呢,我们要明确一点,为什么要用到验证码?它解决了什么问题?该怎么用? 我们都知道,浏览器都是用html的标准与网站的服务器动态连接的,而在html的表单...
  • java验证码中的数字、字母、汉字如何随机生成   首先呢,我们要明确一点,为什么要用到验证码?它解决了什么问题?该怎么用? 我们都知道,浏览器都是用html的标准与网站的服务器动态连接的,而在html的表单...
  • //随机生成0到1的数字 Math.floor();//取小整 Math.floor(Math.random()*(最大值 - 最小值) + 最小值) 生成2到8的数:Math.floor(Math.random()*(8 - 2) + 2) 转载于:...
  • 本工具适用于随机数字生成器、随机密码生成器、随机字符生成器。 如果你需要生成随机数,请在输入符号框输入【0123456789】并输入需要生成的位数,点击生成按钮即可; 或者您要生成随机字母则输入...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 564
精华内容 225
关键字:

html随机生成数字