精华内容
下载资源
问答
  • JavaScript随机数字键盘模拟器JavaScript随机数字键盘模拟器
  • JavaScript生成随机数字

    2019-12-12 09:54:47
    工作的时候经常遇到使用一些假数据,例如数字、人名等。一个个敲太费劲,做个简单点的方法生成数字数据,喜欢的童鞋可以拿去用。 效果图如下: 代码如下: <!DOCTYPE html> <html lang=" "> <head&...

    工作的时候经常遇到使用一些假数据,例如数字、人名等。一个个敲太费劲,做个简单点的方法生成数字数据,喜欢的童鞋可以拿去用。

    效果图如下:
    在这里插入图片描述
    代码如下:

    <!DOCTYPE html>
    <html lang=" ">
    
    <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>随机数</title>
    
    </head>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
    
        .box {
            position: relative;
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            background: #182F5D;
        }
    
        .box-item {
            width: 700px;
            height: 100px;
            margin-bottom: 10px;
        }
    
        .title {
            width: 100%;
            height: 50px;
            line-height: 50px;
            font-size: 18px;
            text-align: left;
            color: greenyellow;
        }
    
        .content {
            border: 1px #ccc solid;
            width: 100%;
            height: 50px;
            line-height: 50px;
            box-sizing: border-box;
            padding: 0 10px;
            color: #fff;
            word-wrap: break-word;
        }
    
        .div7 {
            height: 200px;
            width: 900px;
        }
    
        .div7 .content {
            height: 150px;
        }
    
        .check-box {
            width: 100%;
            height: 50px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    
        .check-box .check-item {
            width: 20%;
            height: 50px;
            float: left;
        }
    
        .check-box .check-item input {
            width: 50px;
            height: 20px;
        }
    
        .check-box .check-item option select {
            width: 50px;
            height: 20px;
        }
    
        .div7-content {
            width: 100%;
            height: 100px;
        }
    </style>
    
    <body>
        <div class="box">
            <div class="box-item">
                <div class="title">div1 要求(范围:0~100,个数:10,排序:不排序,重复:可重复)</div>
                <div class="content" id="div1"></div>
            </div>
            <div class="box-item">
                <div class="title">div2 要求(范围:1~100,个数:10,排序:不排序,重复:不重复)</div>
                <div class="content" id="div2"></div>
            </div>
            <div class="box-item">
                <div class="title">div3 要求(范围:1~100,个数:10,排序:升序,重复:可重复)</div>
                <div class="content" id="div3"></div>
            </div>
            <div class="box-item">
                <div class="title">div4 要求(范围:1~100,个数:10,排序:降序,重复:可重复)</div>
                <div class="content" id="div4"></div>
            </div>
            <div class="box-item">
                <div class="title">div5 要求(范围:168~200,个数:10,排序:升序,重复:不重复)</div>
                <div class="content" id="div5"></div>
            </div>
            <div class="box-item">
                <div class="title">div6 要求(范围:-168~200,个数:10,排序:升序,重复:不重复)</div>
                <div class="content" id="div6"></div>
            </div>
            <div class="box-item div7">
                <div class="title">div7 要求(自定义)</div>
                <div class="content">
                    <div class="check-box">
                        <div class="check-item"> <label>最小值:</label><input type="text" id="minNumber"></div>
                        <div class="check-item"> <label>最大值:</label><input type="text" id="maxNumber"></div>
                        <div class="check-item"> <label>个数:</label><input type="text" id="math"></div>
                        <div class="check-item"> <label>排序:</label>
                            <select id="sort">
                                <option value="0">不排序</option>
                                <option value="1">升序</option>
                                <option value="2">降序</option>
                            </select>
                        </div>
                        <div class="check-item"> <label>重复:</label>
                            <select id="repeat">
                                <option value="0">可重复</option>
                                <option value="1">不重复</option>
                            </select>
                        </div>
                        <div class="check-item">
                            <button onclick="submit()">生成</button>
                            <button onclick="reset()">重置</button>
                        </div>
                    </div>
                    <div class="div7-content">
                        <textarea id="div7" style="width: 100%; height: 100px;border: 0;"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div id="sring"></div>
    </body>
    <script>
        div1();
        div2();
        div3();
        div4();
        div5();
        div6();
    
        function div1() {
            let arr = [];
            for (i = 0; i < 10; i++) {
                arr[i] = (Math.floor(Math.random() * 101))
            }
            document.querySelector("#div1").innerHTML = arr;
        }
    
        function div2() {
            let arr = [];
            for (i = 0; i < 10; i++) {
                let num = Math.floor(Math.random() * 100) + 1;
                if (arr.indexOf(num) === -1) { //判断数组newArr内有没有此元素
                    arr.push(num);
                } else {
                    i--;
                }
            }
            document.querySelector("#div2").innerHTML = arr;
        }
    
        function div3() {
            let arr = [];
            for (i = 0; i < 10; i++) {
                arr[i] = (Math.floor(Math.random() * 100) + 1)
            }
            arr.sort(function (a, b) {
                return a - b
            }); //升序
            document.querySelector("#div3").innerHTML = arr;
        }
    
        function div4() {
            let arr = [];
            for (i = 0; i < 10; i++) {
                arr[i] = (Math.floor(Math.random() * 100) + 1)
            }
            arr.sort(function (a, b) {
                return b - a
            }); //降序
            document.querySelector("#div4").innerHTML = arr;
        }
    
        function div5() {
            let arr = [];
            for (i = 0; i < 10; i++) {
                let num = (Math.floor(Math.random() * 33) + 168)
                if (arr.indexOf(num) === -1) { //判断数组newArr内有没有此元素
                    arr.push(num);
                } else {
                    i--;
                }
            }
            arr.sort(function (a, b) {
                return a - b
            }); //升序
            document.querySelector("#div5").innerHTML = arr;
        }
    
        function div6() {
            let arr = [];
            for (i = 0; i < 10; i++) {
                let num = (Math.floor(Math.random() * 369) + (-168))
                if (arr.indexOf(num) === -1) { //判断数组newArr内有没有此元素
                    arr.push(num);
                } else {
                    i--;
                }
            }
            arr.sort(function (a, b) {
                return a - b
            }); //升序
            document.querySelector("#div6").innerHTML = arr;
        }
    
        var minNumber, maxNumber, math, sort, repeat;
    
        function submit() {
            minNumber = parseInt(document.querySelector("#minNumber").value); //最小值
            maxNumber = parseInt(document.querySelector("#maxNumber").value); //最大值
            math = parseInt(document.querySelector("#math").value); //数量
            sort = parseInt(document.querySelector("#sort").value); //排序
            repeat = parseInt(document.querySelector("#repeat").value); //是否重复
            let spacing = maxNumber - minNumber; //数差
            console.log('最小值:' + minNumber, '最大值:' + maxNumber, '数量:' + math, '排序:' + sort, '重复;' + repeat, '数差:' +
                spacing);
            if (repeat === 0) {
                if (checkNum(minNumber) && checkNum(maxNumber) && math > 0) {
                    let arr = [];
                    if (repeat === 0) {
                        for (i = 0; i < math; i++) {
                            let num = (Math.floor(Math.random() * (maxNumber - minNumber + 1)) + minNumber);
                            arr.push(num);
                        }
                    } else if (repeat === 1) {
                        for (i = 0; i < math; i++) {
                            let num = (Math.floor(Math.random() * (maxNumber - minNumber + 1)) + minNumber);
                            if (arr.indexOf(num) === -1) { //判断数组newArr内有没有此元素
                                arr.push(num);
                            } else {
                                i--;
                            }
                        }
                    }
                    if (sort === 1) {
                        arr.sort(function (a, b) {
                            return a - b
                        });
                    } else if (sort === 2) {
                        arr.sort(function (a, b) {
                            return b - a
                        });
                    } else if (sort === 0) {
                        arr = arr;
                    }
                    document.querySelector("#div7").innerHTML = arr;
                } else {
                    alert('参数有误!');
                }
            } else if (repeat === 1) {
                if (checkNum(minNumber) && checkNum(maxNumber) && math > 0 && spacing >= (math - 1)) {
                    let arr = [];
                    if (repeat === 0) {
                        for (i = 0; i < math; i++) {
                            let num = (Math.floor(Math.random() * (maxNumber - minNumber + 1)) + minNumber);
                            arr.push(num);
                        }
                    } else if (repeat === 1) {
                        for (i = 0; i < math; i++) {
                            let num = (Math.floor(Math.random() * (maxNumber - minNumber + 1)) + minNumber);
                            if (arr.indexOf(num) === -1) { //判断数组newArr内有没有此元素
                                arr.push(num);
                            } else {
                                i--;
                            }
                        }
                    }
                    if (sort === 1) {
                        arr.sort(function (a, b) {
                            return a - b
                        });
                    } else if (sort === 2) {
                        arr.sort(function (a, b) {
                            return b - a
                        });
                    } else if (sort === 0) {
                        arr = arr;
                    }
                    document.querySelector("#div7").innerHTML = arr;
                } else {
                    alert('参数有误!');
                }
            }
        }
    
        function reset() {
            document.querySelector("#minNumber").value = '';
            document.querySelector("#maxNumber").value = '';
            document.querySelector("#math").value = '';
            document.querySelector("#sort").value = 0;
            document.querySelector("#repeat").value = 0;
        }
    
        function checkNum(input) {
            let reg = /^-?\d+$/; //判断字符串是否为整数
            let num = input;
            return reg.test(num);
        }
    </script>
    
    </html>
    
    展开全文
  • 方法一:Math.random()方法和Math.floor()方法 创建一个函数,该函数有两个参数,一个参数是我们想要...使用JavaScript的Math.random()方法生成随机字符串 使用JavaScript的Math.floor()方法将其四舍五入并添加到...

    方法一:Math.random()方法和Math.floor()方法
    创建一个函数,该函数有两个参数,一个参数是我们想要生成的字符串的长度,另一个参数是我们想要在字符串中显示的字符。
    声明新变量ans = ’ '。
    使用for循环以相反的顺序遍历字符串
    使用JavaScript的Math.random()方法生成随机字符串
    使用JavaScript的Math.floor()方法将其四舍五入并添加到ans中。

    HTML代码:

    点击这里

    JS代码:
    var up = document.getElementById(‘UP’);
    var down = document.getElementById(‘DOWN’);
    up.innerHTML =
    ‘单击按钮,生成随机字母数字字符串’;

        function randomStr(len, arr) {
            var ans = '';
            for (var i = len; i > 0; i--) {
                ans +=
                    arr[Math.floor(Math.random() * arr.length)];
            }
            return ans;
        }
    
        function Fun() {
            down.innerHTML = randomStr(20, '12345abcde');
        }
    

    方法二:Math.random()+toString()+slice()方法
    首先使用Math.random()方法生成一个随机数。
    使用JavaScript toString(36)将其转换为基数36(26个字符+ 0到9),这也是一个字母数字字符串。
    使用JavaScript string.slice()方法获取从位置2开始的字符串部分。

    HTML代码:

    点击这里

    JS代码:

    var up = document.getElementById(‘UP’);
    var down = document.getElementById(‘DOWN’);
    up.innerHTML =
    ‘单击按钮,生成随机字母数字字符串’;

        function GFG_Fun() {
            down.innerHTML =
                Math.random().toString(36).slice(2);
        }
    

    第二种方法比第一种简略一点

    效果图:
    在这里插入图片描述

    在这里插入图片描述

    展开全文
  • 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>1-99的随机数字</title> 5 <script type="text/javascript"> 6 7 function selectFrom(lo...
     1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4     <title>1-99的随机数字</title>
     5     <script type="text/javascript">
     6     
     7         function selectFrom(lowerValue, upperValue) {
     8             var choices = upperValue - lowerValue + 1;
     9             return Math.floor(Math.random() * choices + lowerValue);
    10         }
    11         
    12         var num = selectFrom(1, 99);
    13         alert(num);   //number between 1 and 99
    14         
    15     </script>
    16 </head>
    17 <body>
    18 
    19 </body>
    20 </html>

    本例中使用了Math对象的Math.floor()方法以及random()方法!

     

    那么我要生成1到99范围内9个不重复的数字,而且以数组形式输出呢?

     1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4     <title>不重复的9个属于1-99的随机数字</title>
     5     <script type="text/javascript">
     6     
     7         function selectFrom(lowerValue, upperValue) {
     8             var choices = upperValue - lowerValue + 1;
     9             return Math.floor(Math.random() * choices + lowerValue);
    10         }
    11         
    12         var num1 = selectFrom(1, 99);
    13         var A = [] ;
    14         A.push(num1) ;
    15         for (var i = 1; i < 9; i++) {
    16             var num2 = selectFrom(1, 99);
    17             if (num2!==num1){
    18                 A.push(num2) ; 
    19             }
    20         };
    21         alert(A) ;
    22         
    23     </script>
    24 </head>
    25 <body>
    26 
    27 </body>
    28 </html>

     

    转载于:https://www.cnblogs.com/jl29233zx/p/5306788.html

    展开全文
  • JavaScript随机生成字母、数字

    千次阅读 2019-02-18 15:03:15
    js生成四个随机字母 js生成生成四个随机字母分为两种方式: 一、第一种方式 function randomCoding(){ //创建26个字母数组 var arr = ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R',...

    JavaScript生成随机字母、数字

    一、JavaScript生成随机字母,以生成4个字母为例,分为两种方式:

    1、第一种方式

    function randomCoding(){
     	//创建26个字母数组
     	var arr = ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];
     	var idvalue ='';
     	int n = 4;//这个值可以改变的,对应的生成多少个字母,根据自己需求所改
     	for(var i=0;i<n;i++){
        	idvalue+=arr[Math.floor(Math.random()*26)];
     	})
    	 return idvalue;
     }
    

    2、第二种方式

    function randomCoding(){
    	var result = [];
    	int n = 4;//这个值可以改变的,对应的生成多少个字母,根据自己需求所改
    	for(var i=0;i<n;i++){
    		//生成一个0到25的数字
       		var ranNum = Math.ceil(Math.random() * 25);
    		//大写字母'A'的ASCII是65,A~Z的ASCII码就是65 + 0~25;
    		//然后调用String.fromCharCode()传入ASCII值返回相应的字符并push进数组里
        	result.push(String.fromCharCode(65+ranNum));
    	}
    	return result.join('');
    }
    

    二、JavaScript生成随机数字,以生成4个数字为例:

    function randomCoding(){
    	let number= "";
    	int n = 4;//这个值可以改变的,对应的生成多少个数字,根据自己需求所改
    	for(var i=0;i<n;i++){
    		number+= Math.floor(Math.random() * 10);
    	}
    	return number;
    }
    
    展开全文
  • <script> // 封装一个随机生成数字的函数 function random(a, b) { var n = Math.round(Math.random() * (a - b) + b); return n; } //=======================...
  • 对于伪随机数,JS 有很多种玩法来生成我们所需要的伪随机数。 根据上下限生成随机数: var rand = (min,max) =&gt; Math.round(Math.random()*(max-min))+min; //Max为最大值,Min为最小值 根据概率随机生成 ...
  • 如何使用javascript生成随机字母数字字符串?下面本篇文章就来给大家介绍一下使用JavaScript生成随机字母数字字符串的方法,希望对大家有所帮助。 方法一:Math.random()方法和Math.floor()方法 ● 创建一个...
  • script type="text/javascript"> "use strict" var arr = [] var n=25 //随机的数目能根据需要调整 function array(){ for (var i = 1; i <= n;) { arr[i - 1] = i++ } return arr ...
  • javascript实现数字随机软键盘

    千次阅读 2013-10-26 12:05:07
    新建一个softkeyboard.aspx 随机数字软键盘 window.onload = function () { password1 = null; initCalc(); } var password1; var checkSoftKey; function ad
  • 主要介绍了Javascript点击按钮随机改变数字和其字体的颜色,实现后的效果很不错,具有一定的参考价值,有需要的可以参考借鉴,下面来一起看看。
  • 如何使用javascript生成随机字母数字字符串?下面本篇文章就来给大家介绍一下使用JavaScript生成随机字母数字字符串的方法,希望对大家有所帮助。方法一:Math.random()方法和Math.floor()方法● 创建一个函数,该...
  • 如何使用javascript生成随机字母数字字符串?下面本篇文章就来给大家介绍一下使用JavaScript生成随机字母数字字符串的方法,希望对大家有所帮助。 方法一:Math.random()方法和Math.floor()方法 ● 创建一个函数,...
  • window.onload=function(){ var oTxt=document.getElementById('txt'); for(i=1;i<=200;i++) { var s=(Math.floor(Math.random()*10) % 9+1).toString(); oTxt.inne...
  • 实现一个循环次数是4的循环,在该循环中随机产生一个[0,62]的数字,用于获取1中数码数组arr的元素,然后将得到的随机数码放到2中定义的数组中,知道循环结束;循环结束后,调用数组的join方法,将result数组中的元.....
  • &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;  &lt;title&gt;验证码&lt;/title&gt;  &lt;...text/javascript"&gt;  window.onload=
  • JavaScript操作数字

    2020-07-05 18:40:47
    JavaScript 操作数字 对数字进行操作 ​ JS 里面有一个内置对象叫做Math ...​ 3、返回值:就是一个 0~1 之间的随机数字,包含0,不包含1 var n1 = Math.random() * 100 console.log(n1) 二、Math.round( )
  • 本文实例讲述了javascript自动生成包含数字与字符的随机字符串的方法。分享给大家供大家参考。具体如下: 这里主要用到Math.random() 和 Math.floor() 两个函数 Math.random() — 返回0和1之间的伪随机数 可能为0,...
  • 36个数字里面随机抽取 一等奖中奖的 7个数字 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>随机抽取数字</title> </head> <body> <...
  • Javascript随机验证码生成(数字+大小写字母) 思路:利用Math的random函数,随机生成arr数组的下标即可。 。 <html lang="en"> <head> <meta charset="UTF-8"> <title>验证码</...
  • 如果想创建一个含有数字、字母(大小写)或者符号的字符串,比如从[a-zA-Z0-9]集合中中创建一个随机的字符串,长度为5.有没有什么比较好的代码呢?本文提供了几种方法,包括自动改变字符集合。一起来学习下。
  • javascript实现随机产生数字与字母的组合 1。 //str_0 长度 //str_1 是否大写字母 //str_2 是否小写字母 //str_3 是否数字 function rnd_str(str_0,str_1,str_2,str_3) { var Seed_array=new Array
  • javascript舍入函数和随机数字 Math.random() 产生从0到1的随机数 Math.round(x) 取最接近整数x的数值 Math.floor(x)...
  • 数字验证码是我们接触的比较多的一种身份验证方法,有短信接收的验证码和网站刷新的验证码,是系统自动生成的4到6位数的随机数字。 我在mvc学习中接触的 Math(算数)对象就可以做到验证码的生成。 Math(算数...
  • Javascript 随机字符串

    2012-11-01 10:59:15
    方法一(其实是毫秒时间数字字符串): [code="javascript"]function randomString...方法二(随机字母数字字符串): [code="javascript"]var alpha_num_chars = '0123456789ABCDEFGHIJKLMN...

空空如也

空空如也

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

javascript随机数字

java 订阅