不重复随机数、验证码

最新推荐文章于 2021-03-05 23:55:47 发布

菲允龙歌

最新推荐文章于 2021-03-05 23:55:47 发布

阅读量233

点赞数

分类专栏：应用案例文章标签： js

本文链接：https://blog.csdn.net/Steve_Richard/article/details/100677977

版权

应用案例专栏收录该内容

23 篇文章 1 订阅

订阅专栏

不重复随机数

<body>
    <button>开始</button>
    <p></p>
    <script>
        //求20--100之间10个不重复的随机数
        var op = document.querySelector('p')
        var btn = document.querySelector('button')      
        var arr = []
        function sjs(x){
            for(i=0;i<x;i++){
                var shu = Math.floor(Math.random()*(100-20)+20)
                if(arr.indexOf(shu) == -1){
                    arr.push(shu)
                    return arr
                }else{
                    i--
                }
            }
        }
        console.log(arr)
        btn.onclick = function(){
            op.innerHTML = sjs(10)
        }
    </script>
</body>

验证码

<body>
    <script>
        var str = '1234567890qwertyuiopasdfghjklzxcvbnmQWRTYUIOPASGHJKLZXBNM'
        var len = str.length
        var yzm = '';
        var arr = []
        for(var i=0;i<4;i++){
            var x = Math.floor(Math.random()*len);
            // yzm += str.charAt(x) 
            yzm += str[x]
            // arr.push(str.charAt(x) )
        }
        console.log(yzm)
        console.log(typeof yzm)
        console.log(arr)
        console.log(typeof arr)
    </script>
</body>
//或者
<body>
    <span></span><button>换一个</button>
    <script>
        var span = document.querySelector('span')
        var btn = document.querySelector('button')
        function random(x){
            var str = '0123456789qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM'
            var arr = str.split('')
            console.log(arr)
            var newArr = []
            for(i=0;i<x;i++){
                newArr[i] = (arr[Math.floor(Math.random()*arr.length)])
            }
            console.log(typeof newArr)
            var num = newArr.join('')
            return num
        }
        btn.onclick = function(){
            span.innerHTML = random(4)
        }
    </script>
</body>

菲允龙歌

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
不重复随机数、验证码

不重复随机数<body> <button>开始</button> <p></p> <script> //求20--100之间10个不重复的随机数 var op = document.querySelector('p') var btn = documen...
复制链接

扫一扫