精华内容
下载资源
问答
  • JavaScript 随机JS 数学JS 逻辑Math.random()Math.random() 返回 0(包括) 至 1(不包括) 之间的随机数:实例Math.random();// 返回随机数亲自试一试Math.random() 总是返回小于 1 的数。JavaScript 随机整数Math....

    JavaScript 随机

    • JS 数学
    • JS 逻辑
    ae9fdef626f954aed8da093176c08510.png

    Math.random()

    Math.random() 返回 0(包括) 至 1(不包括) 之间的随机数:

    实例

    Math.random();// 返回随机数

    亲自试一试

    Math.random() 总是返回小于 1 的数。

    JavaScript 随机整数

    Math.random() 与 Math.floor() 一起使用用于返回随机整数。

    实例

    Math.floor(Math.random() * 10);// 返回 0 至 9 之间的数

    亲自试一试

    实例

    Math.floor(Math.random() * 11);// 返回 0 至 10 之间的数

    亲自试一试

    实例

    Math.floor(Math.random() * 100);// 返回 0 至 99 之间的数

    亲自试一试

    实例

    Math.floor(Math.random() * 101);// 返回 0 至 100 之间的数

    亲自试一试

    实例

    Math.floor(Math.random() * 10) + 1;// 返回 1 至 10 之间的数

    亲自试一试

    实例

    Math.floor(Math.random() * 100) + 1;// 返回 1 至 100 之间的数

    亲自试一试

    一个适当的随机函数

    正如你从上面的例子看到的,创建一个随机函数用于生成所有随机整数是一个好主意。

    这个 JavaScript 函数始终返回介于 min(包括)和 max(不包括)之间的随机数:

    实例

    function getRndInteger(min, max) {    return Math.floor(Math.random() * (max - min) ) + min;}

    亲自试一试

    这个 JavaScript 函数始终返回介于 min 和 max(都包括)之间的随机数:

    实例

    function getRndInteger(min, max) {    return Math.floor(Math.random() * (max - min + 1) ) + min;}

    亲自试一试

    展开全文
  • Math对象 ...随机生成名字是: // //随机取任意四个字母  var str="aporhjbmvncjrovmbxvzzoeclolmqlpvsdffgfgf";  function ss(a,b){  var fanhui="";  for(var i=0;i  var
    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>Math对象</title>
    </head>
    <body>
    <button class="btn1">名字</button>
    <br/><br/>
    <span>随机生成的名字是:</span><span class="name"></span>
    <br/><br/>
    <script>


    //    //随机取任意四个字母

        var str="aporhjbmvncjrovmbxvzzoeclolmqlpvsdffgfgf";
        function ss(a,b){
            var fanhui="";
            for(var i=0;i<b;i++){
                var aa= Math.floor(Math.random()*(str.length));
                fanhui+= str.substring(aa,aa+1);
            }
            console.log(fanhui);
        }
        ss(str,4);



        //随机取一个姓名(用字符串) 

        var xing="李,魏,沈,张,徐,常";
        var ming="彪,巨昆,锐,花,小小,撒撒";
        function namea(c,d) {
            var xinga= c.split(",");
            var minga= d.split(",");
    //        console.log(xinga);
            console.log(xinga[Math.floor(Math.random() * (xinga.length))] + minga[Math.floor(Math.random() * (minga.length))]);
        }
        namea(xing,ming);




        //随机取一个姓名(用数组)

            var btn = document.getElementsByClassName("btn1").item(0);
            var span1 = document.getElementsByClassName("name").item(0);
            var firstname=["李","西门","沈","张","上官","司徒","欧阳","轩辕"];
            var nameq=["彪","巨昆","锐","翠花","小小","撒撒","熊大","宝强"];
            btn.onclick =function(){
                var strr="";
                var xingxing = firstname[Math.floor(Math.random() * (firstname.length))];
                var mingming = nameq[Math.floor(Math.random() * (nameq.length))];
    //            console.log(xingxing+mingming);
                span1.innerHTML=xingxing+mingming;

            };
    </script>
    </body>
    </html>
    展开全文
  • 这样简单的图片生成,直接使用前端语言随机生成给服务器减负、非常高效。 孝顺的我立马给爸爸生成一个头像,双十一快来了,请爸爸眷顾我 ! 那么怎么使用canvas来完成呢? 首先建立一个展示页面: ```java <!...

    经常在一些网站上观察到,刚注册的用户未修改头像时,通常使用默认的头像。当网站比较正式比如:google等等会使用昵称首字或者名字作为头像。这样简单的图片生成,直接使用前端语言随机生成给服务器减负、非常高效。
    孝顺的我立马给爸爸生成一个头像,双十一快来了,请爸爸眷顾我 !
    在这里插入图片描述![在这里插入图片描述](https://img-blog.csdnimg.cn/2019100916584798.png在这里插入图片描述
    那么怎么使用canvas来完成呢?
    首先建立一个展示页面:

    
    ```java
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>根据用户名生成头像</title>
        <script src="js/main.js"></script>
    </head>
    <body>
        <img src="" style="border-radius: 50%;" id="userAvatar">
        <canvas id="avatarCanvas" style="display:none"></canvas>
    </body>
        <script type="text/javascript">
            var username = "马";
            generatorAvator(username,60,null,"avatarCanvas","userAvatar");
        </script>
    </html>
    

    generatorAvator是生成头像的主要函数,参数包括:用户名,头像大小,头像canvas,头像展示容器。
    js代码如下:

    /**
     * usernmae : 用户名 默认为无
     * size :头像大小 默认为 30
     * color :字体颜色
     * canvasId :canvas容器的id
    * */
    function generatorAvator(username,size,bgcolor,canvasId,avatarContainerId){
        //设置头像昵称,如果为null或者为空时,设置为无
        var nickname = username==null?"无":username==""?"无":username;
        //设置头像大小
        var avatarSize = size==null?30:size;
    
        //设置头像内部文字大小
        var fontSize = size==null?12:avatarSize/2;
    
        //设置头像内部字体
        var fontWeight = 'normal';
    
        //设置头像背景颜色
        var colors = [
            "#31bc9f", "#33cc70", "#4a94db", "#9b5fb6", "#34495e", "#16a085", "#27ae60", "#2980b9", "#8e44ad", "#2c3e50",
            "#f1cb1e", "#e6761b", "#e7363b", "#00bcd4", "#95a5a6", "#f39c12", "#d35400", "#c0392b", "#bdc3c7", "#7f8c8d"
        ];
        var avatarColor = bgcolor==null?colors[Math.floor((Math.random()*colors.length))]:bgcolor==""?bgcolor:colors[Math.floor((Math.random()*colors.length))];
    
        /*根据id获取canvas
        * 如果为空,则创建新的canvas
        * */
        var canvas = document.getElementById(canvasId);
    
        if(canvas){
            canvas.remove();
        }else{
            var newcanvas = "<canvas id='"+canvasId+"' style='display:none'></canvas>";
            document.getElementsByName("body").append(newcanvas);
            canvas = document.getElementById(canvasId);
        }
    
        //初始化canvas设置
        canvas.width = avatarSize;
        canvas.height = avatarSize;
        var context = canvas.getContext('2d');
    
        //头像背景颜色设置
        context.fillStyle = avatarColor;
        context.fillRect(0, 0, canvas.width, canvas.height);
    
        //头像字体颜色设置
        context.fillStyle = '#FFFFFF';
        context.font = fontWeight + ' ' + fontSize + 'px sans-serif';
        context.textAlign = 'center';
        context.textBaseline="middle";
        console.log(avatarSize/2-fontSize/2);
        console.log(avatarSize/2);
    
        context.fillText(nickname.charAt(0), fontSize, fontSize);
        document.getElementById(avatarContainerId).src = canvas.toDataURL("image/png");
    }
    

    总结:
    1.获取到canvas容器,然后得到context
    2.设置画笔,画出背景。
    3.然后设置文字的样式,居中以及颜色,画到canvas
    4.将canvas中的图画转为url填充到img的src中便可以展示。

    参考:
    https://hacpai.com/article/1505355093354

    展开全文
  • 在游戏开发的时候,经常生成各种各样的随机地图,在这些随机地图里面,往往需要随机的物质分布。 典型的场景,比如牧场物语这类农场养成类的农地上的杂草,在长度x和宽度为y的范围内生成杂草。 又或者,像泰...

    可能这个东西大部分人看名字都觉得云里雾里,先不废话,上张图:

    在游戏开发的时候,经常生成各种各样的随机地图,在这些随机地图里面,往往需要随机的物质分布。

    典型的场景,比如牧场物语这类农场养成类的农地上的杂草,在长度x和宽度为y的范围内生成杂草。

    又或者,像泰拉瑞亚这样的游戏,需要在一定范围内生成随机的矿物质分布图。

    那么,这种东西要怎么实现呢?实现方法其实很多,我在外网找到的很多教程都把简单问题复杂化了,用到了很多算法。不是说算法不好,而是对性能的要求比较高,如果是前端开发,自然是越简单越好。一些场景,比如生成随机的迷宫地图,这个就确实需要一些比较复杂的算法,但是,这种物质密度分布类的,其实是不需要那么麻烦的。(我找的这两张参考图其实不太好,它们这种场景比较复杂,但是意思到了就行。)

    回到上面的问题,在一定范围一些杂草,假设长x宽y,我们可以用最简单的math.random()随便摇一些坐标,然后生成杂草即可。

    但是杂草还行,如果是矿物质分布,这样的分布会非常非常稀疏和诡异,怎么办。

    假设一个这样的地图,地图上有五个矿区,矿区内的物质是高度密实的,但是除了矿区,外面只有极其零散的小矿点,或者干脆连小矿点都没有,那怎么办?

    很简单,我们把一个矿区看成是上面的一个杂草,先生成矿物位置,再在矿区位置内部进行一次高密度的“杂草生成”。

    如果是超大地图,还可以进一步颗粒化。比如先在地图生成很多不同的区域,有森林沙漠矿区等等,其中矿区也不是每一点都有矿,在矿区内部再进行一次位置生成,最后再在各个位置生成不同密度的矿。

    相当于递归的思想。

    至于每个矿区内部怎么实现,矿物质的种类、密度,这些可以通过对最底层的物质生成函数进行修改和自定义即可。

    需要注意的一点就是,在矿区内部使用生成矿物质,有允许叠加和不允许叠加的场景。如果允许叠加那么就什么都不用说了,如果不允许叠加的话则只需要在生成第n个的时候做一个碰撞检测,如果与其他区域或者物质有交叠则不生成,这样就可以了。

    由于现在工作太忙,只能记录一下这个设计思路,但是我相信这个思路对付一些日常场景就很够用了,大部分的随机物质生成并不需要太过复杂。

    <!DOCTYPE html>
    <html>
    <head>
    	<title></title>
    </head>
    <body style="width:100%;height:100%;margin:0;padding:0;overflow:hidden;">
    
    </body>
    <script type="text/javascript">
    function id(x){return document.getElementById(x);}
    
    function print(x){console.log(x);}
    
    function random(lower,upper){return lower+Math.floor(Math.random()*(upper-lower+1));}
    
    Array.prototype.foreach = function(func){
    	for(var i=0;i<this.length;i++){
    		func(i,this[i]);
    	}
    }
    
    var w = window.innerWidth;
    var h = window.innerHeight;
    var Source = {};
    
    function locatePosition(x,y,width,height,num){
    	var tmp = [];
    	for(var i=0;i<num;i++){
    		tmp.push({"x":x+Math.random()*width,"y":y+Math.random()*height});
    	}
    	return tmp;
    }
    
    function generate(x,y,type,amount){
    	var v = this;
    	var amount = amount || 1; 
    	v.avator = document.createElement('DIV');
    	v.avator.style = 'position:absolute;border:1px solid black';
    	v.type = type;
    	if(type=='grass'){
    		v.avator.style.backgroundColor = 'green';
    	}
    	if(!Source[type])Source[type] = [];
    	v.radius = amount/2;
    	v.avator.style.width  = amount + "px";
    	v.avator.style.height = amount + "px";
    	v.x = x;
    	v.y = y;
    	v.avator.style.left = (v.x-v.radius) + "px";
    	v.avator.style.top =  (v.y-v.radius) + "px";
    	document.body.appendChild(v.avator);
    	Source[type].push(v);
    }
    
    
    
    function start(){
    	var grassPosition = locatePosition(0,0,w,h,30);
    	var grassPositionGroup = [];
    	var grassRange = 100; //范围
    	var density = 30;//密度
    	grassPosition.foreach(function(i,c){
    		grassPositionGroup = grassPositionGroup.concat(locatePosition(c.x-grassRange,c.y-grassRange,grassRange,grassRange,density));
    	});
    	print(grassPositionGroup);
    	for(var i=0;i<grassPositionGroup.length;i++){
    		generate(grassPositionGroup[i].x,grassPositionGroup[i].y,"grass",random(1,8));
    	}
    
    }
    
    var lastTime = new Date();
    var thisTime = lastTime;
    var lerp = 0;
    function update(){
    	thisTime = new Date();
    	lerp = thisTime - lastTime;
    	
    	requestAnimationFrame(update);
    	lastTime = thisTime;
    }
    
    start();
    //update();
    
    </script>
    </html>

     

     

     

    展开全文
  • 想着使用原生Javascript做一个随机点名的小应用, 也可以做抽奖使用。 html简单化,人名单可以通过js生成并处理。 可以非常随意的添加修改人名字。 应用想带点特效,比如老.虎机转动的特效。 思路入下: 借鉴...
  • 在练习cocos2djs的时候有这么一个需求,我用脚本处理了很多图片,并且生成了json格式的引用,放到resource.js里.之后在场景里要点击一个按钮随机显示一张图片. 因为用脚本处理后的图片是从0开始下沉的名字,认为很简单,...
  • 我们我们要介绍的是一款微信小程序辅助测试工具:Chance!Chance是一个 JavaScript 随机数生成工具,当我们再测试小程序的一些功能时可能会需要一些随机的电话号码,邮编啊,...Chance 使用随机生成基本数据:consol...
  • 我们我们要介绍的是一款微信小程序辅助测试工具:Chance!Chance是一个 JavaScript 随机数生成工具,当我们再测试小程序的一些功能时可能会需要一些随机的电话号码,邮编啊,...Chance 使用随机生成基本数据:consol...
  • 乞丐版点名器

    2020-06-23 23:56:19
    名字没有数据源就使用随机生成的汉字作为名字JavaScript代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...
  • tic-tac-toe-源码

    2021-03-06 22:50:12
    在1 Player模式下,应用程序将从Rick和Morty角色名称数组中生成PC Player的随机名称 在2个播放器模式下,两个人类播放器可以选择他们的名字并在相同的浏览器窗口中播放。 该应用程序将跟踪得分,并且用户将有机会...
  • 员工目录-源码

    2021-03-04 10:57:19
    通过可排序和搜索的React组件生成了“员工”的随机列表! 使用的技术: JavaScript React JS 目录 安装 无需安装! 应用程序链接: : 用法 加载页面后将自动生成员工图表。 要按名字对表格进行排序,请按一下...
  • C#基础类库

    2018-07-11 08:45:26
    5.方法二:随机生成字符串(数字和字母混和) 6.从字符串里随机得到,规定个数的字符串. 复制代码 22.条形码 BarCodeToHTML 本类是个条码生成类,大家可根据需要自己设置,非常好用 23.图片 ImageClass 主要功能...
  • asp.net知识库

    2015-06-18 08:45:45
    多样式星期名字转换 [Design, C#] .NET关于string转换的一个小Bug Regular Expressions 完整的在.net后台执行javascript脚本集合 ASP.NET 中的正则表达式 常用的匹配正则表达式和实例 经典正则表达式 delegate vs. ...
  • 当用户没有账号的时候,提示用户进行注册,从登录界面切换到注册界面,注册需要通过手机号码获取验证码,后台通过页面传递的手机号码,随机生成4位数的验证码并且缓存,之后通过发送139邮箱的方式发送到指定的手机,...
  • dreamweaver的各种组件

    2008-06-26 16:55:56
    Replacement Table Object 看名字,好大的口气,但这的确是个好东东,它让Dreamweaver的表格 功能具有更方便的用户界面。它能够保留每次设定的表格尺寸和单元格数 量,还能够让您设定使用“div”标签或“center”...
  • 5个目标文件,演示Address EJB的实现 ,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...
  • JAVA上百实例源码以及开源项目

    千次下载 热门讨论 2016-01-03 17:37:40
    5个目标文件,演示Address EJB的实现,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...
  • 项目中要使用Uploadify 3.2来实现图片上传并生成缩略通的功能,特此记下来,以供各位参考! Uploadify下载地址:http://www.uploadify.com/download/ 下载下来解压后估计里面很多文件,其实有用的也就jquery....
  • java源码包---java 源码 大量 实例

    千次下载 热门讨论 2013-04-18 23:15:26
    5个目标文件,演示Address EJB的实现,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...
  • 高校新生录入系统

    2013-08-29 18:14:10
    它基于Struts MVC模式,控制层由Struts2实现,逻辑层和事务层由JavaBean实现 ,数据访问采用Hibernate技术,表现层采用JSP、HTML、JavaScript、AJAX等技术,实现了会员登陆、浏览商品、选购商品、生成订单、查询订单...
  • 随机生成的文件名>.<扩展名> let imgname = files.file.name //前台上传时的文件名 也就是文件原本的名字 let userImgname = imgname.replace(/[^.]+/, username) //把扩展名前的文件名给...
  • java源码包2

    千次下载 热门讨论 2013-04-20 11:28:17
    5个目标文件,演示Address EJB的实现,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...
  • 名字按时间排序,最新添加的在最上面) 2021年3月7号添加 Xmacs - Github ✅ Xmacs:面向科技工作者的编辑平台 2021年2月20号添加 secret_C - Gitee ✅ secret-performance-desktop:让桌面炫酷起来...
  • java源码包3

    千次下载 热门讨论 2013-04-20 11:30:13
    5个目标文件,演示Address EJB的实现,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...
  • 5个目标文件,演示Address EJB的实现,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...
  • 5个目标文件,演示Address EJB的实现,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...
  • 一个嫌疑人的名字是否已经在嫌疑名单上</li></ul> <h3>LRU Cache <ul><li>缓存手段</li><li>LFU - least frequently used</li><li>LRU - least recently used</li><li>实现</li><li>Hash Table + Double ...
  • 计算机应用技术 实用手册 Xnllz 2011.7.29 ...1.STANDARD CMOS SETUP(标准CMOS设定)用来设定日期、时间、软硬盘规格、工作类类型。...5.PNP/PCI Configurations 即插即用与PCI设备设定,一般为默认。...
  • javascript脚本语言实现快速排序法和占位排序方法之后,然后在同一台(较老旧的,cpu是AMD推土机)电脑上,用ie浏览器运行,样本1000时,快速排序法和占位排序法所耗时分别是:18毫秒、15毫秒;样本10000时,所...

空空如也

空空如也

1 2
收藏数 30
精华内容 12
关键字:

javascript随机生成名字

java 订阅