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 相关文章推荐
兼容Mozilla必须知道的知识。
Jan 09 Javascript
jQuery 计算iframe 窗口大小的方法
May 13 Javascript
javascript中innerText和innerHTML属性用法实例分析
May 13 Javascript
javascript实现随机读取数组的方法
Aug 03 Javascript
浅析angularJS中的ui-router和ng-grid模块
May 20 Javascript
JavaScript 继承详解(五)
Oct 11 Javascript
微信小程序 设置启动页面的两种方法
Mar 09 Javascript
js实现鼠标单击Tab表单切换效果
May 16 Javascript
浅谈js闭包理解
Mar 28 Javascript
js中调用微信的扫描二维码功能的实现代码
Apr 11 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
Oct 26 Javascript
vue 数据双向绑定的实现方法
Mar 04 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 观察者模式的实现代码
2013/05/10 PHP
php Hex RGB颜色值互换的使用
2013/05/10 PHP
PHP内置过滤器FILTER使用实例
2014/06/25 PHP
PHP 实现代码复用的一个方法 traits新特性
2015/02/22 PHP
laravel 错误处理,接口错误返回json代码
2019/10/25 PHP
jQuery.Validate 使用笔记(jQuery Validation范例 )
2010/06/25 Javascript
jQuery的实现原理的模拟代码 -1 核心部分
2010/08/01 Javascript
Jquery中获取iframe的代码
2011/01/11 Javascript
javascript中的对象创建 实例附注释
2011/02/08 Javascript
jquery监控数据是否变化(修正版)
2011/04/12 Javascript
jquery如何扑捉回车键触发的事件
2014/04/24 Javascript
JS图片自动轮换效果实现思路附截图
2014/04/30 Javascript
用js闭包的方法实现多点标注冒泡示例
2014/05/29 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
2015/12/04 Javascript
jquery对象访问是什么及使用方法介绍
2016/05/03 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
2016/12/31 Javascript
Javascript中构造函数要注意的一些坑
2017/01/23 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
2017/02/28 Javascript
Vue.js仿Metronic高级表格(一)静态设计
2017/04/17 Javascript
使用JavaScript实现表格编辑器(实例讲解)
2017/08/02 Javascript
jQuery实现表单动态添加与删除数据操作示例
2018/07/03 jQuery
详解使用uni-app开发微信小程序之登录模块
2019/05/09 Javascript
[01:32]2014DOTA2西雅图邀请赛 CIS我们有信心进入正赛
2014/07/08 DOTA
python中正则的使用指南
2016/12/04 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
利用Python如何生成便签图片详解
2018/07/09 Python
攻击者是如何将PHP Phar包伪装成图像以绕过文件类型检测的(推荐)
2018/10/11 Python
python得到qq句柄,并显示在前台的方法
2018/10/14 Python
pytorch加载自己的图像数据集实例
2020/07/07 Python
美国女鞋品牌:naturalizer(娜然)
2016/08/01 全球购物
Theflamel意大利:女士奢华服装、鞋子和配件
2020/01/11 全球购物
什么是规则表达式
2012/05/03 面试题
2016教师给学生的毕业寄语
2015/12/04 职场文书
话题作文之诚信
2019/11/28 职场文书
CentOS7 minimal 最小化安装网络设置过程
2022/12/24 Servers