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 相关文章推荐
javascript String 的扩展方法集合
Jun 01 Javascript
js汉字转拼音实现代码
Feb 06 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
May 15 Javascript
jquery实现转盘抽奖功能
Jan 06 Javascript
jQuery弹出窗口简单实现代码
Mar 09 Javascript
浅谈angularjs依赖服务注入写法的注意点
Apr 24 Javascript
IntersectionObserver实现图片懒加载的示例
Sep 29 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
nuxt中使用路由守卫的方法步骤
Jan 27 Javascript
PWA介绍及快速上手搭建一个PWA应用的方法
Jan 27 Javascript
微信小程序中的列表切换功能实例代码详解
Jun 09 Javascript
vuex管理状态仓库使用详解
Jul 29 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实现文件下载简单示例(代码实现文件下载)
2014/03/10 PHP
php格式化json函数示例代码
2016/05/12 PHP
javascript 进度条 实现代码
2009/07/30 Javascript
理解Javascript_01_理解内存分配原理分析
2010/10/11 Javascript
修改jquery.lazyload.js实现页面延迟载入
2010/12/22 Javascript
jQuery源码分析-03构造jQuery对象-工具函数
2011/11/14 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
2015/05/06 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
2017/04/01 Javascript
vue页面离开后执行函数的实例
2018/03/13 Javascript
JS简单获取并修改input文本框内容的方法示例
2018/04/08 Javascript
JS+H5 Canvas实现时钟效果
2018/07/20 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
2018/12/06 jQuery
浅谈JavaScript面向对象--继承
2019/03/20 Javascript
vue组件之间的数据传递方法详解
2019/04/19 Javascript
JS简单数组排序操作示例【sort方法】
2019/05/17 Javascript
webpack 处理CSS资源的实现
2019/09/27 Javascript
JavaScript实现原型封装轮播图
2020/12/27 Javascript
实例说明Python中比较运算符的使用
2015/05/13 Python
python线程池threadpool使用篇
2018/04/27 Python
基于Python爬取素材网站音频文件
2020/10/21 Python
python实现文件+参数发送request的实例代码
2021/01/05 Python
HTML5拖拽API经典实例详解
2018/04/20 HTML / CSS
德国鞋子网上商店:Omoda.de
2017/03/31 全球购物
eDreams意大利:南欧领先的在线旅行社
2018/11/23 全球购物
银行领导证婚词
2014/01/11 职场文书
2014年元旦活动方案
2014/02/15 职场文书
校庆接待方案
2014/03/18 职场文书
老干部工作先进集体事迹材料
2014/05/21 职场文书
竞选学习委员演讲稿
2014/09/01 职场文书
2015年毕业实习工作总结
2014/12/12 职场文书
2014年高二班主任工作总结
2014/12/16 职场文书
员工加薪申请报告
2015/05/15 职场文书
运动会200米广播稿
2015/08/19 职场文书
2016年端午节寄语
2015/12/04 职场文书
学习社交礼仪心得体会
2016/01/22 职场文书
MySQL串行化隔离级别(间隙锁实现)
2022/06/16 MySQL