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 相关文章推荐
在JavaScript中,为什么要尽可能使用局部变量?
Apr 06 Javascript
Jquery AJAX 用于计算点击率(统计)
Jun 30 Javascript
Pro JavaScript Techniques学习笔记
Dec 28 Javascript
JS随机漂浮广告代码具体实例
Nov 19 Javascript
用jquery模仿的a的title属性的例子
Oct 22 Javascript
js实现鼠标触发图片抖动效果的方法
Feb 27 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
Mar 11 Javascript
老生常谈JavaScript中的this关键字
Oct 01 Javascript
jQuery实现立体式数字动态增加(animate方法)
Dec 21 Javascript
微信小程序实现的picker多级联动功能示例
May 23 Javascript
详解Nuxt内导航栏的两种实现方式
Apr 16 Javascript
vue 项目@change多个参数传值多个事件的操作
Jan 29 Vue.js
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
使用数据库保存session的方法
2006/10/09 PHP
使用PHP导出Redis数据到另一个Redis中的代码
2014/03/12 PHP
以文件形式缓存php变量的方法
2015/06/26 PHP
Prototype使用指南之array.js
2007/01/10 Javascript
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
2013/04/22 Javascript
JavaScript自动设置IFrame高度的小例子
2013/06/08 Javascript
javascript(js)的小数点乘法除法问题详解
2014/03/07 Javascript
利用jQuery对无序列表排序的简单方法
2016/10/16 Javascript
简单实现JavaScript图片切换效果
2016/11/28 Javascript
ES6概念 Symbol toString()方法
2016/12/25 Javascript
Vue.js路由vue-router使用方法详解
2017/03/20 Javascript
vue封装第三方插件并发布到npm的方法
2017/09/25 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
2018/08/28 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
2019/05/21 Javascript
深入解析koa之异步回调处理
2019/06/17 Javascript
[04:40]2016个国际邀请赛中国区预选赛场地——华西村观战指南
2016/06/25 DOTA
tensorflow创建变量以及根据名称查找变量
2018/03/10 Python
解决python给列表里添加字典时被最后一个覆盖的问题
2019/01/21 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
python 实现dict转json并保存文件
2019/12/05 Python
Python Pandas 转换unix时间戳方式
2019/12/07 Python
基于Tensorflow使用CPU而不用GPU问题的解决
2020/02/07 Python
python时间序列数据转为timestamp格式的方法
2020/08/03 Python
细说CSS3中的选择符
2008/10/17 HTML / CSS
css3.0新属性效果在ie下的解决方案
2010/05/10 HTML / CSS
Boden美国官网:英伦原创时装品牌
2017/07/03 全球购物
动态密码技术
2012/10/18 面试题
2014年寒假社会实践活动心得体会
2014/04/07 职场文书
药剂专业个人求职信范文
2014/04/29 职场文书
护士医德考评自我评价
2015/03/03 职场文书
综合素质评价个性与发展自我评价
2015/03/06 职场文书
博物馆观后感
2015/06/05 职场文书
礼貌问候语大全
2015/11/10 职场文书
实用求职信模板范文
2019/05/13 职场文书
Windows10安装Apache2.4的方法步骤
2022/06/25 Servers