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中的float运算精度实例分析
Aug 21 Javascript
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
Jul 09 Javascript
处理文本部分内容的TextRange对象应用实例
Jul 29 Javascript
移动端横屏的JS代码(beta)
May 16 Javascript
利用Angularjs和bootstrap实现购物车功能
Aug 31 Javascript
Bootstrap基本组件学习笔记之列表组(11)
Dec 07 Javascript
jQuery插件ContextMenu自定义图标
Mar 15 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
Aug 21 Javascript
Vue插槽原理与用法详解
Mar 05 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
Apr 17 Javascript
node.js如何操作MySQL数据库
Oct 29 Javascript
Vue的列表之渲染,排序,过滤详解
Feb 24 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
php中大括号作用介绍
2012/03/22 PHP
PHP 冒泡排序 二分查找 顺序查找 二维数组排序算法函数的详解
2013/06/25 PHP
Yii框架数据模型的验证规则rules()被执行的方法
2016/12/02 PHP
Linux下源码包安装Swoole及基本使用操作图文详解
2019/04/02 PHP
为Yahoo! UI Extensions Grid增加内置的可编辑器
2007/03/10 Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
2010/10/29 Javascript
JS操作Cookies包括(读取添加与删除)
2012/12/26 Javascript
js获取上传文件的绝对路径实现方法
2016/08/02 Javascript
jQuery事件绑定用法详解
2016/09/08 Javascript
jquery拖动改变div大小
2017/07/04 jQuery
jQuery实现html table行Tr的复制、删除、计算功能
2017/07/10 jQuery
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
2017/07/26 Javascript
基于vue-resource jsonp跨域问题的解决方法
2018/02/03 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
2018/06/29 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
JavaScript事件概念详解(区分静态注册和动态注册)
2021/02/05 Javascript
基于JavaScript实现随机点名器
2021/02/25 Javascript
[01:13:18]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
django基础学习之send_mail功能
2019/08/07 Python
Python Web框架之Django框架Model基础详解
2019/08/16 Python
python实现递归查找某个路径下所有文件中的中文字符
2019/08/31 Python
Django restframework 框架认证、权限、限流用法示例
2019/12/21 Python
五分钟带你搞懂python 迭代器与生成器
2020/08/30 Python
Html5页面内使用JSON动画的实现
2019/01/29 HTML / CSS
Wilson体育用品官网:美国著名运动器材品牌
2019/05/12 全球购物
用Python写一个for循环的例子
2016/07/19 面试题
商务主管岗位职责
2013/12/08 职场文书
母亲80寿诞答谢词
2014/01/16 职场文书
2014年两会学习心得体会
2014/03/10 职场文书
学校招生宣传广告词
2014/03/19 职场文书
关于学习的演讲稿
2014/05/10 职场文书
四年级数学上册教学计划
2015/01/20 职场文书
文体活动总结
2015/02/04 职场文书
春节慰问简报
2015/07/21 职场文书
教师节获奖感言
2015/07/31 职场文书
Redis数据同步之redis shake的实现方法
2022/04/21 Redis