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 相关文章推荐
js获取指定日期前后的日期代码
Aug 20 Javascript
判断及设置浏览器全屏模式
Apr 20 Javascript
Javascript将JSON日期格式化
Aug 23 Javascript
AngularJS 应用身份认证的技巧总结
Nov 07 Javascript
利用JS轻松实现获取表单数据
Dec 06 Javascript
jQuery验证表单格式的使用方法
Jan 10 Javascript
javascript 面向对象function详解及实例代码
Feb 28 Javascript
addEventListener()与removeEventListener()解析
Apr 20 Javascript
js中变量的连续赋值(实例讲解)
Jul 08 Javascript
详解用node搭建简单的静态资源管理器
Aug 09 Javascript
JavaScript面向对象的程序设计(犯迷糊的小羊)
May 27 Javascript
vue-quill-editor富文本编辑器简单使用方法
Sep 21 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 access 数据连接与读取保存编辑数据的实现代码
2010/05/12 PHP
Yii2.0实现的批量更新及批量插入功能示例
2019/01/29 PHP
随窗体滑动的小插件sticky源码
2013/06/21 Javascript
JavaScript参数个数可变的函数举例说明
2014/10/10 Javascript
Node.js编程中客户端Session的使用详解
2015/06/23 Javascript
学习使用bootstrap基本控件(table、form、button)
2016/04/12 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
2016/05/03 Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
2016/09/08 Javascript
JS中this上下文对象使用方式
2016/10/09 Javascript
easyui-datagrid开发实践(总结)
2017/08/02 Javascript
r.js来合并压缩css文件的示例
2018/04/26 Javascript
Vue自定义指令封装节流函数的方法示例
2018/07/09 Javascript
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
2018/09/14 Javascript
vue模仿网易云音乐的单页面应用
2019/04/24 Javascript
Vue.set 全局操作简单示例
2019/09/19 Javascript
js数据类型转换与流程控制操作实例分析
2019/12/18 Javascript
JavaScript 接口原理与用法实例详解
2020/05/12 Javascript
jQuery AJAX应用实例总结
2020/05/19 jQuery
[01:54]胎教DOTA2 准妈妈玩家现身中国区预选赛
2016/06/26 DOTA
[30:55]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第二场 11.18
2020/11/18 DOTA
Python使用logging模块实现打印log到指定文件的方法
2018/09/05 Python
pyqt5 实现多窗口跳转的方法
2019/06/19 Python
python写入文件自动换行问题的方法
2019/07/05 Python
python实现扫雷小游戏
2020/04/24 Python
pandas数据处理之绘图的实现
2020/06/15 Python
彻底弄明白CSS3的Media Queries(跨平台设计)
2010/07/27 HTML / CSS
提供世界各地便宜的机票:Sky-tours
2016/07/21 全球购物
Vince官网:全球著名设计师品牌,休闲而优雅的服饰
2017/01/15 全球购物
OLEDBConnection和SQLConnection有什么区别
2013/05/31 面试题
幼儿园新学期寄语
2014/01/18 职场文书
12月小学生校园广播稿
2014/02/04 职场文书
秋季开学典礼主持词
2014/03/19 职场文书
优秀团员事迹材料1500字
2014/08/31 职场文书
微笑面对生活演讲稿
2014/09/23 职场文书
四年级学生期末评语
2014/12/26 职场文书
高三英语教学反思
2016/03/03 职场文书