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 相关文章推荐
IE/FireFox具备兼容性的拖动代码
Aug 13 Javascript
编写Js代码要注意的几条规则
Sep 10 Javascript
javascript代码运行不出来执行错误的可能情况整理
Oct 18 Javascript
jQuery通过Ajax返回JSON数据
Apr 28 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
jQuery隐藏和显示效果实现
Apr 06 Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
详解VueJS应用中管理用户权限
Feb 02 Javascript
JavaScript中变量、指针和引用功能与操作示例
Aug 04 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
Aug 24 Javascript
使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置
Nov 02 Javascript
vue Treeselect 树形下拉框:获取选中节点的ids和lables操作
Aug 15 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函数 serialize()和unserialize()
2012/02/04 PHP
深入理解require与require_once与include以及include_once的区别
2013/06/05 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
网页里控制图片大小的相关代码
2006/06/25 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
可自定义速度的js图片无缝滚动示例分享
2014/01/20 Javascript
javascript实现回到顶部特效
2015/05/06 Javascript
jQuery实现弹出窗口中切换登录与注册表单
2015/06/05 Javascript
基于jquery实现图片上传本地预览功能
2016/01/08 Javascript
JavaScript函数基础详解
2017/02/03 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
jQuery Layer弹出层传值到父页面的实现代码
2017/08/17 jQuery
微信小程序实现发红包功能
2018/07/11 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
2018/12/13 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
2020/10/09 Javascript
python读取txt文件,去掉空格计算每行长度的方法
2018/12/20 Python
python3的url编码和解码,自定义gbk、utf-8的例子
2019/08/22 Python
python生成随机红包的实例写法
2019/09/02 Python
Python使用urllib模块对URL网址中的中文编码与解码实例详解
2020/02/18 Python
Pytorch 使用 nii数据做输入数据的操作
2020/05/26 Python
Python flask框架端口失效解决方案
2020/06/04 Python
canvas绘制太极图的实现示例
2020/04/29 HTML / CSS
Urban Outfitters英国官网:美国平价服饰品牌
2016/11/25 全球购物
类成员函数的重载、覆盖和隐藏区别
2016/01/27 面试题
《黄河颂》教学反思
2014/02/07 职场文书
打架检讨书2000字
2014/02/22 职场文书
初中班主任寄语
2014/04/04 职场文书
高中生操行评语大全
2014/04/25 职场文书
科学发展观活动总结
2014/08/28 职场文书
戒毒悔改检讨书
2014/09/21 职场文书
入党积极分子个人总结
2015/03/02 职场文书
小学思想品德教学反思
2016/02/24 职场文书
2019年大学生职业生涯规划书最新范文
2019/03/25 职场文书
2020年元旦晚会策划书模板
2019/12/30 职场文书