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对象的函数
Dec 22 Javascript
jquery 简单应用示例总结
Aug 09 Javascript
JavaScript Math.ceil() 函数使用介绍
Dec 11 Javascript
jQuery 滑动方法slideDown向下滑动元素
Jan 16 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
js实现的早期滑动门菜单效果代码
Aug 27 Javascript
jQuery实现的超简单点赞效果实例分析
Dec 31 Javascript
js动态生成form 并用ajax方式提交的实现方法
Sep 09 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
Jan 08 Javascript
JavaScript实现的DOM绘制柱状图效果示例
Aug 08 Javascript
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
vue2.x数组劫持原理的实现
Apr 19 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
php运行出现Call to undefined function curl_init()的解决方法
2010/11/02 PHP
sphinx增量索引的一个问题
2011/06/14 PHP
利用PHP实现智能文件类型检测的实现代码
2011/08/02 PHP
PHP使用数组实现队列
2012/02/05 PHP
PHP explode()函数用法、切分字符串
2012/10/03 PHP
Swoole4.4协程抢占式调度器详解
2019/05/23 PHP
PHP 7.4中使用预加载的方法详解
2019/07/08 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
jQuery 创建Dom元素
2010/05/07 Javascript
动态创建样式表在各浏览器中的差异测试代码
2011/09/13 Javascript
原生JS实现LOADING效果
2015/03/16 Javascript
jQuery zTree加载树形菜单功能
2016/02/25 Javascript
AngularJS中实现动画效果的方法
2016/07/28 Javascript
浅谈AngularJs指令之scope属性详解
2016/10/24 Javascript
js异步编程小技巧详解
2017/08/14 Javascript
Vue+Element使用富文本编辑器的示例代码
2017/08/14 Javascript
详解VUE 数组更新
2017/12/16 Javascript
vue脚手架项目创建步骤详解
2021/03/02 Vue.js
Python THREADING模块中的JOIN()方法深入理解
2015/02/18 Python
python验证码识别教程之灰度处理、二值化、降噪与tesserocr识别
2018/06/04 Python
对Python 简单串口收发GUI界面的实例详解
2019/06/12 Python
Django url,从一个页面调到另个页面的方法
2019/08/21 Python
解决Python3下map函数的显示问题
2019/12/04 Python
Python venv虚拟环境配置过程解析
2020/07/08 Python
Python 图片处理库exifread详解
2021/02/25 Python
浅谈amaze-ui中datepicker和datetimepicker注意的几点
2020/08/21 HTML / CSS
意大利婴儿产品网上商店:Mukako
2018/10/14 全球购物
工艺工程师岗位职责
2014/03/04 职场文书
毕业寄语大全
2014/04/09 职场文书
教师求职信范文
2014/05/24 职场文书
禁毒宣传活动总结
2014/08/26 职场文书
节水倡议书
2015/01/19 职场文书
逃课检讨书
2015/01/26 职场文书
职场:企业印章管理制度(模板)
2019/10/18 职场文书
python实现简易名片管理系统
2021/04/11 Python
python运行脚本文件的三种方法实例
2022/06/25 Python