js随机生成字母数字组合的字符串 随机动画数字


Posted in Javascript onSeptember 02, 2015

js随机动画生成一组随机数字

js随机生成字母数字组合的字符串 随机动画数字

在线预览 点击下载

效果描述:

附件中只有一个index.html文件有效

其中包含css以及html两部分内容

纯js生成的几个随机数字

每次都不重复,点击按钮后再次切换

使用方法:

1、将css样式引入到你的网页中

2、将body中的代码部分拷贝到你需要的地方即可

JS生成随机的由字母数字组合的字符串

 前言

最近有个需求,是需要生成3-32位长度的字母数字组合的随机字符串,另一个是生成43位随机字符串。

方法一

奇妙的写法

Math.random().toString(36).substr(2);

输出结果

js随机生成字母数字组合的字符串 随机动画数字

解释

很有意思,研究了一下,基本上toString后的参数规定可以是2-36之间的任意整数,不写的话默认是10(也就是十进制),此时返回的值就是那个随机数。

若是偶数,返回的数值字符串都是短的,若是奇数,则返回的将是一个很大长度的表示值。
若<10 则都是数字组成,>10 才会包含字母。
所以如果想得到一长串的随机字符,则需使用一个 > 10 且是奇数的参数,另外根据长度自行使用slice(2,n)截取!

方法二

这个倒是有很多的实现方法,由于上一种写法不太符合需求所以写了下一种,欢迎拍砖。

地址

https://gist.github.com/xuanfeng/b23ab28ab412254e1594

代码

/*
** randomWord 产生任意长度随机字母数字组合
** randomFlag-是否任意长度 min-任意长度最小位[固定位数] max-任意长度最大位
** xuanfeng 2014-08-28
*/
 
function randomWord(randomFlag, min, max){
 var str = "",
 range = min,
 arr = ['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', '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'];
 
 // 随机产生
 if(randomFlag){
 range = Math.round(Math.random() * (max-min)) + min;
 }
 for(var i=0; i<range; i++){
 pos = Math.round(Math.random() * (arr.length-1));
 str += arr[pos];
 }
 return str;
}

使用方法

生成3-32位随机串:randomWord(true, 3, 32)

生成43位随机串:randomWord(false, 43)

js随机生成字母数字组合的字符串 随机动画数字

js产生随机数的几个用法

<script> 
function GetRandomNum(Min,Max)
{ 
var Range = Max - Min; 
var Rand = Math.random(); 
return(Min + Math.round(Rand * Range)); 
} 
var num = GetRandomNum(1,10); 
alert(num); 
</script>
var chars = ['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'];
function generateMixed(n) {
 var res = "";
 for(var i = 0; i < n ; i ++) {
  var id = Math.ceil(Math.random()*35);
  res += chars[id];
 }
 return res;
}

1.Math.random(); 结果为0-1间的一个随机数(包括0,不包括1)

2.Math.floor(num); 参数num为一个数值,函数结果为num的整数部分。

3.Math.round(num); 参数num为一个数值,函数结果为num四舍五入后的整数。

Math:数学对象,提供对数据的数学计算。

Math.random(); 返回0和1间(包括0,不包括1)的一个随机数。

Math.ceil(n); 返回大于等于n的最小整数。

用Math.ceil(Math.random()*10);时,主要获取1到10的随机整数,取0的几率极小。

Math.round(n); 返回n四舍五入后整数的值。

用Math.round(Math.random());可均衡获取0到1的随机整数。

用Math.round(Math.random()*10);时,可基本均衡获取0到10的随机整数,其中获取最小值0和最大值10的几率少一半。

Math.floor(n); 返回小于等于n的最大整数。

用Math.floor(Math.random()*10);时,可均衡获取0到9的随机整数。

本篇文章给大家分享js生成随机数相关内容,欲了解更多有关js随机数问题请持续关注本网站,我们网站每天都有新的内容更新。

Javascript 相关文章推荐
jQuery.query.js 取参数的两点问题分析
Aug 06 Javascript
用jquery实现的一个超级简单的下拉菜单
May 18 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
Mar 04 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
Dec 12 Javascript
Bootstrap每天必学之模态框(Modal)插件
Apr 26 Javascript
jQuery验证插件validate使用方法详解
Sep 13 Javascript
JS获取及验证开始结束日期的方法
Aug 20 Javascript
浅析Ajax语法
Dec 05 Javascript
node.js入门学习之url模块
Feb 25 Javascript
微信小程序实现点击文字页面跳转功能【附源码下载】
Dec 12 Javascript
Koa从零搭建到Api实现项目的搭建方法
Jul 30 Javascript
微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
Aug 01 Javascript
JS自定义选项卡函数及用法实例分析
Sep 02 #Javascript
js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
Sep 02 #Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 #Javascript
JavaScript学习小结(一)——JavaScript入门基础
Sep 02 #Javascript
基于dropdown.js实现的两款美观大气的二级导航菜单
Sep 02 #Javascript
JavaScript对象学习小结
Sep 02 #Javascript
JS实现可点击展开与关闭的左侧广告代码
Sep 02 #Javascript
You might like
单一index.php实现PHP任意层级文件夹遍历(Zjmainstay原创)
2012/07/31 PHP
解析PHP 5.5 新特性
2013/07/02 PHP
Web程序工作原理详解
2014/12/25 PHP
php抓取并保存网站图片的实现代码
2015/10/28 PHP
javascript读取xml
2006/11/04 Javascript
浅谈javascript的数据类型检测
2010/07/10 Javascript
js工具方法弹出蒙版
2013/05/08 Javascript
基于jQuery实现在线选座之高铁版
2015/08/24 Javascript
基于jQuery实现的美观星级评论打分组件代码
2015/10/30 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
2015/11/03 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
2016/06/07 Javascript
轮播图组件js代码
2016/08/08 Javascript
详解Javascript中DOM的范围
2017/02/13 Javascript
Vue2几种常见开局方式详解
2017/09/09 Javascript
cordova入门基础教程及使用中遇到的一些问题总结
2017/11/14 Javascript
JAVA面试题 static关键字详解
2019/07/16 Javascript
vue图片加载失败时用默认图片替换的方法
2019/08/29 Javascript
JavaScript中跨域问题的深入理解
2021/03/04 Javascript
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
[01:04:20]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.29
2020/12/02 DOTA
Python减少循环层次和缩进的技巧分析
2016/03/15 Python
python变量不能以数字打头详解
2016/07/06 Python
Python探索之静态方法和类方法的区别详解
2017/10/27 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
2020/02/09 Python
在django admin中配置搜索域是一个外键时的处理方法
2020/05/20 Python
Tensorflow加载Vgg预训练模型操作
2020/05/26 Python
CSS3区域模块region相关编写示例
2015/08/28 HTML / CSS
配置H5的滚动条样式的示例代码
2018/03/09 HTML / CSS
美国林业供应商:Forestry Suppliers
2019/05/01 全球购物
药学专业个人自我评价
2013/11/11 职场文书
高中运动会广播稿
2014/01/21 职场文书
党员民主生活会个人整改措施材料
2014/09/16 职场文书
硕士学位申请报告
2015/05/15 职场文书
借钱欠条怎么写
2015/07/03 职场文书
导游词之河北邯郸
2019/09/12 职场文书
红灯733-1型14管5波段半导体收音机
2021/04/22 无线电