12.随机数、颜色、验证码

最新推荐文章于 2022-03-20 19:06:30 发布

Keeling1720

最新推荐文章于 2022-03-20 19:06:30 发布

阅读量133

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_44741023/article/details/113206251

版权

JavaScript 专栏收录该内容

32 篇文章 3 订阅

订阅专栏

文章目录

- 随机数字、颜色和验证码

随机数字、颜色和验证码

<!DOCTYPE html>
<html lang="UTF-8">
<head>
    <meta charset="UTF-8">
    <title>随机</title>
</head>
<body>
    <script type="text/javascript">
        //随机min到max之间的整数
        function randInt(min,max) {
            //Math.random()随机的是0——1之间的小数
            let intNum = Math.floor(Math.random() * (max - min) + min);
            return intNum;
        }

        //随机颜色 rgb(0~255, 0~255, 0~255)
        function randRGB() {
            let r = randInt(0,256),g = randInt(0,256),b = randInt(0,256);
            let result = 'rgb('+r+','+g+','+b+')';
            return result;
        }

        //随机验证码 四位 数字+字母（大写） 
        function randCode() {
            //设置空字符串
            let code = '';
            let codeLength = 4;
            const random = [0,1,2,3,4,5,6,7,8,9,'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'];
            for (let i = 0; i < codeLength; i++){
                //获取随机范围0~36
                let index = randInt(0,36);
                code += random[index];
            }
            return code;
        }
    </script>

    <script type="text/javascript">
        //随机获取min到max之间的整数(1~100)
        console.log(randInt(1,100));
        //随意一个颜色
        rgb = randRGB();
        console.log(rgb);
        document.body.style.backgroundColor = rgb;//设置背景颜色为随机颜色值
        //随意一个验证码
        code = randCode();
        console.log(code);
        document.write('<h1>${code}</h1>');
    </script>
</body>
</html>

Keeling1720

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
12.随机数、颜色、验证码

文章目录随机数字、颜色和验证码随机数字、颜色和验证码<!DOCTYPE html><html lang="UTF-8"><head> <meta charset="UTF-8"> <title>随机</title></head><body> <script type="text/javascript"> //随机min到max之间的整数
复制链接

扫一扫