JS实现随机生成10个手机号的方法示例


Posted in Javascript onDecember 07, 2018

本文实例讲述了JS实现随机生成10个手机号的方法。分享给大家供大家参考,具体如下:

JS部分:

<script>
function getMoblieNum(){
var numArray = new Array("139","138","137","136","135","134","159","158","157","150","151","152","188","187","182","183","184","178","130","131","132","156","155","186","185","176","133","153","189","180","181","177");  //这是目前找到的除了数据卡外的手机卡前三位,类型是字符串数组
var numList = "";  //创建一个数组用来存放10个手机号
var arraryLength = numArray.length;  //获取数组长度,这样如果手机号前三位取值单位发生变化,在下一步求i的地方就不用修改随机数取值范围了
for( var n = 0; n < 10; n++){
var i = parseInt( Math.random() * arraryLength); //注意乘以的是上面numArray数组的长度,这样就可以取出数组中的随机一个数。random的取值范围是大于等于0.0,小于1.0,相乘后得到的就是0到(数组长度-1)的值。
var num = numArray[i];  //取出随机的手机号前三位并赋值给num,手机号前三位是字符串类型的
for ( var j = 0; j < 8; j++){
num = num + Math.floor(Math.random() * 10);   //num是字符串,后面的数字被当做字符串。所以变成两个字符串拼接了
}
if(n == 0){
numList = numList + num;  //第一个手机号前不出现“,”
}
else{numList = numList + "," + num;}  //从第一个手机号后面到最后一个之前用逗号分隔
}
var numSpan = document.getElementById("moblieNum");
numSpan.innerHTML = numList; //修改span的内容,每次都是清空修改,而不是叠加
}
</script>

HTML部分:

<input type='button' value='随机生成10个电话号码' onclick='getMoblieNum()' /><br/>
电话号码:<div id='moblieNum'></div>

感兴趣的朋友可使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun ,或 在线HTML/CSS/JavaScript前端代码调试运行工具:http://tools.3water.com/code/WebCodeRun测试运行上述代码,可得到如下运行结果:

JS实现随机生成10个手机号的方法示例

Javascript 相关文章推荐
JQuery的ajax基础上的超强GridView展示
Sep 18 Javascript
dotopAlert 提示用户需安装播放器的代码
Sep 17 Javascript
javascript的offset、client、scroll使用方法详解
Dec 25 Javascript
jQuery阻止事件冒泡具体实现
Oct 11 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
Dec 14 Javascript
js html css实现复选框全选与反选
Oct 09 Javascript
微信小程序 Toast自定义实例详解
Jan 20 Javascript
jQuery解析json格式数据示例
Sep 01 jQuery
Flutter部件内部状态管理小结之实现Vue的v-model功能
Jun 11 Javascript
vue+express+jwt持久化登录的方法
Jun 14 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
Aug 08 Javascript
vuex存值与取值的实例
Nov 06 Javascript
angular学习之动态创建表单的方法
Dec 07 #Javascript
JavaScript栈和队列相关操作与实现方法详解
Dec 07 #Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
Dec 07 #Javascript
vue webpack打包后图片路径错误的完美解决方法
Dec 07 #Javascript
详解在create-react-app使用less与antd按需加载
Dec 06 #Javascript
vant(ZanUi)结合async-validator实现表单验证的方法
Dec 06 #Javascript
使用react render props实现倒计时的示例代码
Dec 06 #Javascript
You might like
php正则过滤html标签、空格、换行符的代码(附说明)
2010/10/25 PHP
PHP简单选择排序算法实例
2015/01/26 PHP
PHP树的深度编历生成迷宫及A*自动寻路算法实例分析
2015/03/10 PHP
php通过function_exists检测函数是否存在的方法
2015/03/18 PHP
验证坐标在某坐标区域内php代码
2016/10/08 PHP
php tpl模板引擎定义与使用示例
2019/08/09 PHP
利用CSS、JavaScript及Ajax实现高效的图片预加载
2013/10/16 Javascript
javascript通过navigator.userAgent识别各种浏览器
2013/10/25 Javascript
JavaScript避免内存泄露及内存管理技巧
2014/09/05 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
2015/08/11 Javascript
jquery实现树形菜单完整代码
2015/12/29 Javascript
js 调用百度分享功能
2017/02/27 Javascript
教你用十行node.js代码读取docx的文本
2017/03/08 Javascript
解决vue+webpack打包路径的问题
2018/03/06 Javascript
使用JS判断移动端手机横竖屏状态
2018/07/30 Javascript
js在HTML的三种引用方式详解
2020/08/29 Javascript
Django接受前端数据的几种方法总结
2016/11/04 Python
python实现简单点对点(p2p)聊天
2017/09/13 Python
numpy.linspace 生成等差数组的方法
2018/07/02 Python
mac安装pytorch及系统的numpy更新方法
2018/07/26 Python
python微信公众号之关注公众号自动回复
2018/10/25 Python
python linecache 处理固定格式文本数据的方法
2019/01/08 Python
python中的Elasticsearch操作汇总
2019/10/30 Python
PyQt5 如何让界面和逻辑分离的方法
2020/03/24 Python
在阿尔卑斯山或希腊度过快乐假期:Alpine Elements
2019/12/28 全球购物
求职简历的自我评价怎样写好
2013/10/07 职场文书
益达广告词
2014/03/14 职场文书
结对共建协议书
2014/08/20 职场文书
纪念九一八事变演讲稿:牢记九一八,屈辱怎能忘
2014/09/14 职场文书
趵突泉导游词
2015/02/03 职场文书
撤诉状格式范本
2015/05/19 职场文书
民政局未婚证明
2015/06/15 职场文书
2016年中学植树节活动总结
2016/03/16 职场文书
初中运动会闭幕词范本3篇
2019/12/09 职场文书
Java基础之详解HashSet的使用方法
2021/06/30 Java/Android
win10滚动条自动往上跑怎么办?win10滚动条自动往上跑的解决方法
2022/08/05 数码科技